@syncfusion/ej2-react-charts 34.2.5 → 34.2.8

package/README.md

@@ -2,6 +2,20 @@
 
 The [React Charts](https://www.syncfusion.com/react-components/react-charts?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) component is a well-crafted charting component for visualizing data with 55+ charts and graphs, ranging from line to financial types. It can bind data from  datasource such as array of JSON objects, `OData web services` or [DataManager](https://help.syncfusion.com/chart-sdk/react/charts/working-with-data?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm). All chart elements are rendered using Scalable Vector Graphics (SVG).
 
+> **Using this package with an AI coding agent**
+>
+> Before generating Syncfusion code, ask your AI coding agent to run the Syncfusion setup using the following prompt:
+>
+> ```text
+> Set up this project for Syncfusion before generating code. Fetch
+> and follow the official instructions at https://ai.syncfusion.com,
+> then report the detected platform, installed skill pack, MCP
+> status, and any required licensing action.
+> ```
+> The setup detects your project’s platform and loads the appropriate Syncfusion skill pack. No Syncfusion account or MCP key is required to install or read Syncfusion agent skills.
+>
+> **Platform reference:** [https://ai.syncfusion.com/react/llms.txt](https://ai.syncfusion.com/react/llms.txt)
+
 ## What's Included in the React Charts Package
 
 The [React Charts](https://www.syncfusion.com/react-components/react-charts?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) package includes the following list of components.

package/diConfig.json

@@ -173,7 +173,7 @@
             "reactComment": [
                 "/**",
                 " * Represents react Chart Component",
-                " * ```tsx",
+                " * ```",
                 " * <ChartComponent></ChartComponent>",
                 " * ```",
                 " */"
@@ -181,7 +181,7 @@
             "vueComment": [
                 "/**",
                 " * Represents Vuejs chart Component",
-                " * ```vue",
+                " * ```",
                 " * <ejs-chart></ejs-chart>",
                 " * ```",
                 " */"
@@ -1336,7 +1336,7 @@
                                         "/**",
                                         " * `GradientColorStopDirective` directive represent a color stop in the react Chart gradient. ",
                                         " * It must be contained in a LinearGradient component(`LinearGradientDirective`). ",
-                                        " * ```tsx",
+                                        " * ```",
                                         " * <LinearGradientDirective>",
                                         " * <GradientColorStopsDirective>",
                                         " * <GradientColorStopDirective></GradientColorStopDirective>",
@@ -1381,7 +1381,7 @@
                                         "/**",
                                         " * `GradientColorStopDirective` directive represent a color stop in the react Chart gradient. ",
                                         " * It must be contained in a RadialGradient component(`RadialGradientDirective`). ",
-                                        " * ```tsx",
+                                        " * ```",
                                         " * <RadialGradientDirective>",
                                         " * <GradientColorStopsDirective>",
                                         " * <GradientColorStopDirective></GradientColorStopDirective>",
@@ -1418,7 +1418,7 @@
                         "/**",
                         " * `SeriesDirective` directive represent a series of the react chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <ChartComponent>",
                         " * <SeriesCollectionDirective>",
                         " * <SeriesDirective></SeriesDirective>",
@@ -1530,7 +1530,7 @@
                                 "/**",
                                 " * `TrendlineDirective` directive represent a trendline of the react chart. ",
                                 " * It must be contained in a Chart component(`ChartComponent`). ",
-                                " * ```tsx",
+                                " * ```",
                                 " * <ChartComponent>",
                                 " * <SeriesCollectionDirective>",
                                 " * <SeriesDirective>",
@@ -1572,7 +1572,7 @@
                                 "/**",
                                 " * `SegmentDirective` directive represent a segment of the react chart. ",
                                 " * It must be contained in a Chart component(`ChartComponent`). ",
-                                " * ```tsx",
+                                " * ```",
                                 " * <ChartComponent>",
                                 " * <SeriesCollectionDirective>",
                                 " * <SeriesDirective>",
@@ -1609,7 +1609,7 @@
                         "/**",
                         " * `Axis` directive represent a axis row of the react Chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <ChartComponent>",
                         " * <AxesDirective>",
                         " * <AxisDirective></AxisDirective>",
@@ -1771,7 +1771,7 @@
                                 "/**",
                                 " * `StriplineDirective` directive represent a stripline of the react chart. ",
                                 " * It must be contained in a Chart component(`ChartComponent`). ",
-                                " * ```tsx",
+                                " * ```",
                                 " * <ChartComponent>",
                                 " * <AxesDirective>",
                                 " * <AxisDirective>",
@@ -1832,7 +1832,7 @@
                                 "/**",
                                 " * `MultiLevelLabelDirective` directive represent a multilevellabel of the react chart. ",
                                 " * It must be contained in a Chart component(`ChartComponent`). ",
-                                " * ```tsx",
+                                " * ```",
                                 " * <ChartComponent>",
                                 " * <AxesDirective>",
                                 " * <AxisDirective>",
@@ -1875,7 +1875,7 @@
                                         "/**",
                                         " * `CategoryDirective` directive represent a trendline of the react chart. ",
                                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                                        " * ```tsx",
+                                        " * ```",
                                         " * <ChartComponent>",
                                         " * <AxesDirective>",
                                         " * <AxisDirective>",
@@ -1916,7 +1916,7 @@
                         "/**",
                         " * `Row` directive represent a axis row of the react Chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <ChartComponent> ",
                         " * <RowsDirective>",
                         " * <RowDirective></RowDirective>",
@@ -1944,7 +1944,7 @@
                         "/**",
                         " * `Column` directive represent a axis column of the react Chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <ChartComponent> ",
                         " * <ColumnsDirective>",
                         " * <ColumnDirective></ColumnDirective>",
@@ -1972,7 +1972,7 @@
                         "/**",
                         " * `RangeColorSetting` directive represent range color mapping of the react Chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <ChartComponent> ",
                         " * <RangeColorSettingsDirective>",
                         " * <RangeColorSettingDirective></RangeColorSettingDirective>",
@@ -2010,7 +2010,7 @@
                         "/**",
                         " * `Annotation` directive represent a annotation of the react Chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <ChartComponent> ",
                         " * <AnnotationsDirective>",
                         " * <AnnotationDirective></AnnotationDirective>",
@@ -2023,7 +2023,7 @@
                         "/**",
                         " * `e-annotation` directive represent a annotation of the VueJS Chart. ",
                         " * It must be contained in a Chart component(`ejs-chart`). ",
-                        " * ```vue",
+                        " * ```",
                         " * <ejs-chart> ",
                         " *   <e-annotations>",
                         " *    <e-annotation content='ID' />",
@@ -2055,7 +2055,7 @@
                         "/**",
                         " * `SelectedDataIndex` directive represent the selected data in react Chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <ChartComponent> ",
                         " * <SelectedDataIndexesDirective>",
                         " * <SelectedDataIndexDirective></SelectedDataIndexDirective>",
@@ -2089,7 +2089,7 @@
                         "/**",
                         " * `IndicatorDirective` directive represent a indicator of the react chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <ChartComponent>",
                         " * <IndicatorsDirective>",
                         " * <IndicatorDirective></IndicatorDirective>",
@@ -2184,7 +2184,7 @@
             "reactComment": [
                 "/**",
                 " * Represents react AccumulationChart Component",
-                " * ```tsx",
+                " * ```",
                 " * <AccumulationChartComponent></AccumulationChartComponent>",
                 " * ```",
                 " */"
@@ -2192,7 +2192,7 @@
             "vueComment": [
                 "/**",
                 " * Represents Vuejs AccumulationChart Component",
-                " * ```vue",
+                " * ```",
                 " * <ejs-accumulationchart></ejs-accumulationchart>",
                 " * ```",
                 " */"
@@ -2449,7 +2449,7 @@
                         "/**",
                         " * `AccumulationSeriesDirective` directive represent a series of the react AccumulationChart. ",
                         " * It must be contained in a Pie component(`AccumulationChart`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <AccumulationChartComponent>",
                         " * <AccumulationSeriesCollectionDirective>",
                         " * <AccumulationSeriesDirective></AccumulationSeriesDirective>",
@@ -2488,7 +2488,7 @@
                         "/**",
                         " * `AccumulationAnnotationsDirective` directive represent a annotation of the react AccumulationChart.",
                         " * It must be contained in a Pie component(`AccumulationChart`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <AccumulationChartComponent>",
                         " * <AccumulationAnnotationsDirective>",
                         " * <AccumulationAnnotationDirective></AccumulationAnnotationDirective>",
@@ -2527,7 +2527,7 @@
             "reactComment": [
                 "/**",
                 " * Represents react RangeNavigator Component",
-                " * ```tsx",
+                " * ```",
                 " * <RangeNavigatorComponent></RangeNavigatorComponent>",
                 " * ```",
                 " */"
@@ -2535,7 +2535,7 @@
             "vueComment": [
                 "/**",
                 " * Represents Vuejs RangeNavigator Component",
-                " * ```vue",
+                " * ```",
                 " * <ejs-rangenavigator></ejs-rangenavigator>",
                 " * ```",
                 " */"
@@ -2707,7 +2707,7 @@
                         "/**",
                         " * `rangenavigatorSeriesDirective` directive represent a series of the react AccumulationChart. ",
                         " * It must be contained in a Rangenavigator component(`Rangenavigator`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <RangenavigatorComponent>",
                         " * <RangenavigatorSeriesCollectionDirective>",
                         " * <RangenavigatorSeriesDirective></RangenavigatorSeriesDirective>",
@@ -2741,7 +2741,7 @@
             "reactComment": [
                 "/**",
                 " * Represents react Sparkline Component",
-                " * ```tsx",
+                " * ```",
                 " * <SparklineComponent></SparklineComponent>",
                 " * ```",
                 " */"
@@ -2749,7 +2749,7 @@
             "vueComment": [
                 "/**",
                 " * Represents Vuejs Sparkline Component",
-                " * ```vue",
+                " * ```",
                 " * <ejs-sparkline></ejs-sparkline>",
                 " * ```",
                 " */"
@@ -2894,7 +2894,7 @@
             "reactComment": [
                 "/**",
                 " * Represents react Smithchart Component",
-                " * ```tsx",
+                " * ```",
                 " * <SmithchartComponent></SmithchartComponent>",
                 " * ```",
                 " */"
@@ -2902,7 +2902,7 @@
             "vueComment": [
                 "/**",
                 " * Represents Vuejs Smithchart Component",
-                " * ```vue",
+                " * ```",
                 " * <ejs-smithchart></ejs-smithchart>",
                 " * ```",
                 " */"
@@ -3151,7 +3151,7 @@
             "reactComment": [
                 "/**",
                 " * Represents react Chart Component",
-                " * ```tsx",
+                " * ```",
                 " * <StockChartComponent></StockChartComponent>",
                 " * ```",
                 " */"
@@ -3159,7 +3159,7 @@
             "vueComment": [
                 "/**",
                 " * Represents Vuejs chart Component",
-                " * ```vue",
+                " * ```",
                 " * <ejs-stockchart></ejs-stockchart>",
                 " * ```",
                 " */"
@@ -3737,7 +3737,7 @@
                         "/**",
                         " * `SeriesDirective` directive represent a series of the react chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <StockChartComponent>",
                         " * <StockChartSeriesCollectionDirective>",
                         " * <StockChartSeriesDirective></SeriesDirective>",
@@ -3813,7 +3813,7 @@
                                 "/**",
                                 " * `TrendlineDirective` directive represent a trendline of the react chart. ",
                                 " * It must be contained in a Chart component(`ChartComponent`). ",
-                                " * ```tsx",
+                                " * ```",
                                 " * <StockChartComponent>",
                                 " * <StockChartSeriesCollectionDirective>",
                                 " * <StockSeriesDirective>",
@@ -3852,7 +3852,7 @@
                         "/**",
                         " * `Axis` directive represent a axis row of the react Chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <StockChartComponent>",
                         " * <StockChartAxesDirective>",
                         " * <StockChartAxisDirective></StockChartAxisDirective>",
@@ -3951,7 +3951,7 @@
                         "/**",
                         " * `Row` directive represent a axis row of the react Chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <StockChartComponent> ",
                         " * <RowsDirective>",
                         " * <RowDirective></RowDirective>",
@@ -3987,7 +3987,7 @@
                         "/**",
                         " * `Annotation` directive represent a annotation of the react Chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <StockChartComponent> ",
                         " * <StockChartAnnotationsDirective>",
                         " * <StockChartAnnotationDirective></StockChartAnnotationDirective>",
@@ -4000,7 +4000,7 @@
                         "/**",
                         " * `e-annotation` directive represent a annotation of the VueJS Chart. ",
                         " * It must be contained in a Chart component(`ejs-chart`). ",
-                        " * ```vue",
+                        " * ```",
                         " * <ejs-stockchart> ",
                         " *   <e-stockchart-annotations>",
                         " *    <e-annotation content='ID' />",
@@ -4034,7 +4034,7 @@
                         "/**",
                         " * `SelectedDataIndex` directive represent the selected data in react Chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <ChartComponent> ",
                         " * <SelectedDataIndexesDirective>",
                         " * <SelectedDataIndexDirective></SelectedDataIndexDirective>",
@@ -4066,7 +4066,7 @@
                         "/**",
                         " * `IndicatorDirective` directive represent a indicator of the react chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <StockChartComponent>",
                         " * <StockChartIndicatorsDirective>",
                         " * <StockChartIndicatorDirective></StockChartIndicatorDirective>",
@@ -4119,7 +4119,7 @@
                         "/**",
                         " * `StockChartStockEvents` directive represent a stockevent of the react chart. ",
                         " * It must be contained in a Chart component(`StockChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <StockChartComponent>",
                         " * <StockChartStockEventsDirective>",
                         " * <StockChartStockEventDirective></StockChartStockEventDirective>",
@@ -4153,7 +4153,7 @@
                         "/**",
                         " * `IndicatorDirective` directive represent a indicator of the react chart. ",
                         " * It must be contained in a Chart component(`ChartComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <StockChartComponent>",
                         " * <StockChartIndicatorsDirective>",
                         " * <StockChartIndicatorDirective></StockChartIndicatorDirective>",
@@ -4245,7 +4245,7 @@
             "reactComment": [
                 "/**",
                 " * Represents react BulletChart Component",
-                " * ```tsx",
+                " * ```",
                 " * <BulletChartComponent></BulletChartComponent>",
                 " * ```",
                 " */"
@@ -4253,7 +4253,7 @@
             "vueComment": [
                 "/**",
                 " * Represents Vuejs BulletChart Component",
-                " * ```vue",
+                " * ```",
                 " * <ejs-bulletchart></ejs-bulletchart>",
                 " * ```",
                 " */"
@@ -4474,7 +4474,7 @@
                     "reactComment": [
                         "/**",
                         " * `BulletRangeDirective` directive represent a ranges of the react BulletChart. ",
-                        " * ```tsx",
+                        " * ```",
                         " * <BulletChartComponent>",
                         " * <BulletRangeCollectionDirective>",
                         " * <BulletRangeDirective></BulletRangeDirective>",
@@ -4509,7 +4509,7 @@
             "reactComment": [
                 "/**",
                 " * Represents react 3D Chart Component",
-                " * ```tsx",
+                " * ```",
                 " * <Chart3DComponent></Chart3DComponent>",
                 " * ```",
                 " */"
@@ -4517,7 +4517,7 @@
             "vueComment": [
                 "/**",
                 " * Represents Vuejs 3D Chart Component",
-                " * ```vue",
+                " * ```",
                 " * <ejs-chart3d></ejs-chart3d>",
                 " * ```",
                 " */"
@@ -4875,7 +4875,7 @@
                         "/**",
                         " * `SeriesDirective` directive represent a series of the react chart. ",
                         " * It must be contained in a Chart component(`Chart3DComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <Chart3DComponent>",
                         " * <Chart3DSeriesCollectionDirective>",
                         " * <Chart3DSeriesDirective></Chart3DSeriesDirective>",
@@ -4887,7 +4887,7 @@
                     "vueComment": [
                         "/**",
                         " * Represents Vuejs 3D Chart Component",
-                        " * ```vue",
+                        " * ```",
                         " * <ejs-chart3d>",
                         " * <e-chart3d-series-collection>",
                         " * <e-chart3d-series></e-chart3d-series>",
@@ -4922,7 +4922,7 @@
                         "/**",
                         " * `Axis3D` directive represent a axis row of the react Chart. ",
                         " * It must be contained in a Chart component(`Chart3DComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <Chart3DComponent>",
                         " * <Chart3DAxesDirective>",
                         " * <Chart3DAxisDirective></Chart3DAxisDirective>",
@@ -5002,7 +5002,7 @@
                         "/**",
                         " * `Row3D` directive represent a axis row of the react Chart. ",
                         " * It must be contained in a Chart component(`Chart3DComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <Chart3DComponent>",
                         " * <Chart3DRowsDirective>",
                         " * <Chart3DRowDirective></Chart3DRowDirective>",
@@ -5038,7 +5038,7 @@
                         "/**",
                         " * `Column3D` directive represent a axis column of the react Chart. ",
                         " * It must be contained in a Chart component(`Chart3DComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <Chart3DComponent> ",
                         " * <Chart3DColumnsDirective>",
                         " * <Chart3DColumnDirective></Chart3DColumnDirective>",
@@ -5072,7 +5072,7 @@
                         "/**",
                         " * `SelectedDataIndex` directive represent the selected data in react Chart. ",
                         " * It must be contained in a Chart component(`Chart3DComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <Chart3DComponent> ",
                         " * <Chart3DSelectedDataIndexesDirective>",
                         " * <Chart3DSelectedDataIndexDirective></Chart3DSelectedDataIndexDirective>",
@@ -5107,7 +5107,7 @@
             "reactComment": [
                 "/**",
                 " * Represents react Circular 3D chart Component",
-                " * ```tsx",
+                " * ```",
                 " * <CircularChart3DComponent></CircularChart3DComponent>",
                 " * ```",
                 " */"
@@ -5115,7 +5115,7 @@
             "vueComment": [
                 "/**",
                 " * Represents Vuejs Circular 3D Chart Component",
-                " * ```vue",
+                " * ```",
                 " * <ejs-circularchart3d></ejs-circularchart3d>",
                 " * ```",
                 " */"
@@ -5301,7 +5301,7 @@
                         "/**",
                         " * `CircularChart3DSeriesDirective` directive represent a series of the react Circular3D Chart. ",
                         " * It must be contained in a Pie component(`CircularChart3D`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <CircularChart3DComponent>",
                         " * <CircularChart3DSeriesCollectionDirective>",
                         " * <CircularChart3DSeriesDirective></CircularChart3DSeriesDirective>",
@@ -5357,7 +5357,7 @@
             "reactComment": [
                 "/**",
                 " * Represents react Sankey Component",
-                " * ```tsx",
+                " * ```",
                 " * <SankeyComponent></SankeyComponent>",
                 " * ```",
                 " */"
@@ -5365,7 +5365,7 @@
             "vueComment": [
                 "/**",
                 " * Represents Vuejs Sankey Component",
-                " * ```vue",
+                " * ```",
                 " * <ejs-sankey></ejs-sankey>",
                 " * ```",
                 " */"
@@ -5518,7 +5518,7 @@
                         "/**",
                         " * `SankeyNodeDirective` directive represent a node of the react Sankey. ",
                         " * It must be contained in a Sankey component(`SankeyComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <SankeyComponent>",
                         " * <SankeyNodesDirective>",
                         " * <SankeyNodeDirective></SankeyNodeDirective>",
@@ -5531,7 +5531,7 @@
                         "/**",
                         " * `SankeyNodeDirective` directive represent a node of the vue Sankey. ",
                         " * It must be contained in a Sankey component(`SankeyComponent`). ",
-                        " * ```vue",
+                        " * ```",
                         " * <ejs-sankey>",
                         " * <e-sankey-nodes>",
                         " * <e-sankey-node></e-sankey-node>",
@@ -5574,7 +5574,7 @@
                         "/**",
                         " * `SankeyLinkDirective` directive represent a link of the react Sankey. ",
                         " * It must be contained in a Sankey component(`SankeyComponent`). ",
-                        " * ```tsx",
+                        " * ```",
                         " * <SankeyComponent>",
                         " * <SankeyLinksDirective>",
                         " * <SankeyLinkDirective></SankeyLinkDirective>",
@@ -5587,7 +5587,7 @@
                         "/**",
                         " * `SankeyLinkDirective` directive represent a link of the vue Sankey. ",
                         " * It must be contained in a Sankey component(`SankeyComponent`). ",
-                        " * ```vue",
+                        " * ```",
                         " * <ejs-sankey>",
                         " * <e-sankey-links>",
                         " * <e-sankey-link></e-sankey-link>",