@progress/kendo-react-chart-wizard/components/ChartComponent.js

React Chart Wizard lets you create a chart using data from a Grid, another data-bound component, or an external source

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("@progress/kendo-react-charts"),y=l.forwardRef((E,p)=>{var a,n,i,c,s,m,b,f,C,g,u,h,d;const t=E.state;return l.createElement(o.Chart,{style:{width:"100%",height:"100%"},transitions:!1,ref:p},l.createElement(o.ChartTitle,{text:(a=t.title)==null?void 0:a.text,font:(n=t.title)==null?void 0:n.font,color:((i=t.title)==null?void 0:i.color)||"#000"}),l.createElement(o.ChartSubtitle,{text:(c=t.subtitle)==null?void 0:c.text,font:(s=t.subtitle)==null?void 0:s.font,color:((m=t.subtitle)==null?void 0:m.color)||"#000"}),l.createElement(o.ChartArea,{background:(b=t.area)==null?void 0:b.background,margin:t.area.margin}),t.categoryAxis&&l.createElement(o.ChartCategoryAxis,null,t.categoryAxis.map((e,r)=>l.createElement(o.ChartCategoryAxisItem,{key:r,categories:e.categories,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation},reverse:e.reverse}))),t.valueAxis&&l.createElement(o.ChartValueAxis,null,t.valueAxis.map((e,r)=>l.createElement(o.ChartValueAxisItem,{key:r,title:e.title&&{text:e.title.text,font:e.title.font,color:e.title.color},labels:e.labels&&{format:e.labels.format,font:e.labels.font,color:e.labels.color,rotation:e.labels.rotation}}))),l.createElement(o.ChartSeries,null,t.series.map((e,r)=>l.createElement(o.ChartSeriesItem,{key:String(e.name)+r,...e}))),l.createElement(o.ChartLegend,{visible:(f=t.legend)==null?void 0:f.visible,position:(C=t.legend)==null?void 0:C.position,labels:{color:((u=(g=t.legend)==null?void 0:g.labels)==null?void 0:u.color)||void 0,font:((d=(h=t.legend)==null?void 0:h.labels)==null?void 0:d.font)||void 0}}))});y.displayName="ChartComponent";exports.ChartComponent=y;