@syncfusion/ej2-react-charts 34.2.6 → 35.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +88 -126
  2. package/diConfig.json +5 -1
  3. package/dist/ej2-react-charts.min.js +1 -1
  4. package/dist/ej2-react-charts.umd.min.js +1 -1
  5. package/package.json +4 -4
package/README.md CHANGED
@@ -1,15 +1,18 @@
1
1
  # React Charts Components
2
2
 
3
- 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).
3
+ The [React Chart](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 50+ 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://ej2.syncfusion.com/react/documentation/data/data-binding/). All chart elements are rendered using Scalable Vector Graphics (SVG).
4
4
 
5
5
  > **Using this package with an AI coding agent**
6
6
  >
7
- > Before generating Syncfusion® code, ask your AI coding agent to run the Syncfusion® setup using the following prompt:
7
+ > Before generating Syncfusion code, ask your AI coding agent to run the Syncfusion setup using the following prompt:
8
8
  >
9
9
  > ```text
10
- > Set up this project for Syncfusion® before generating code. Fetch and follow the official instructions at https://ai.syncfusion.com/agent-setup/prompt.md, then report the detected platform, installed skill pack, MCP status, and any required licensing action.
10
+ > Set up this project for Syncfusion before generating code. Fetch
11
+ > and follow the official instructions at https://ai.syncfusion.com,
12
+ > then report the detected platform, installed skill pack, MCP
13
+ > status, and any required licensing action.
11
14
  > ```
12
- > 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.
15
+ > 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.
13
16
  >
14
17
  > **Platform reference:** [https://ai.syncfusion.com/react/llms.txt](https://ai.syncfusion.com/react/llms.txt)
15
18
 
@@ -19,11 +22,11 @@ The [React Charts](https://www.syncfusion.com/react-components/react-charts?utm_
19
22
 
20
23
  ### React Chart
21
24
 
22
- The [React Charts](https://www.syncfusion.com/react-components/react-charts?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) is a feature-rich chart component with built-in support for over 55 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.
25
+ The [React Chart Component](https://www.syncfusion.com/react-components/react-charts) is a feature-rich chart component with built-in support for over 50 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.
23
26
 
24
27
  <p align="center">
25
- <a href="https://help.syncfusion.com/chart-sdk/react/chart/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
26
- <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/overview">Online demos</a> .
28
+ <a href="https://ej2.syncfusion.com/react/documentation/chart/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
29
+ <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/bootstrap5/chart/overview">Online demos</a> .
27
30
  <a href="https://www.syncfusion.com/react-components/react-charts?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Learn more</a>
28
31
  </p>
29
32
 
@@ -33,7 +36,7 @@ The [React Charts](https://www.syncfusion.com/react-components/react-charts?utm_
33
36
 
34
37
  #### Key Features
35
38
 
36
- * Chart types: Supports 55+ interactive chart types starting from line to financial chart. Few chart types include:
39
+ * Chart types: Supports 50+ interactive chart types starting from line to financial chart. Few chart types include:
37
40
  * [React Area Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/area-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-area-charts-npm)
38
41
  * [React Bar Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/bar-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-bar-charts-npm)
39
42
  * [React Line Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/line-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-line-charts-npm)
@@ -47,28 +50,28 @@ The [React Charts](https://www.syncfusion.com/react-components/react-charts?utm_
47
50
  * [React Stacked Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/range-area-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-stacked-charts-npm)
48
51
  * [React Box Plot Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/box-and-whisker-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
49
52
  * [React Histogram Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/histogram-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
50
- * [React Financial Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/stock-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
51
- * [Data binding](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/local-data): Bind the Chart component with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data.
52
- * [Axis types](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/numeric-axis): Supports multiple axes, and able to plot different data such as numbers, datetime, logarithmic and string.
53
- * [Rendering modes](https://help.syncfusion.com/chart-sdk/react/chart/render-methods?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm): Supports two type of rendering - SVG and Canvas. By default chart rendered in SVG, You can easily switch between the two simple configuration.
54
- * [Data label](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/datalabel-template): Supports data label to annotate points with label to improve the readability of data.
55
- * [Annotation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/annotation): Provides support to mark any specific area of interest by adding custom element.
56
- * [Zooming and panning](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/zoom): Provides options to visualize the data points under any region using rectangular selection, pinch, or mouse wheel zooming.
57
- * [Crosshair & trackball](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/crosshair): Provides options to track data points closer to the mouse position or touch action.
58
- * [Selection](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/selection): Allows you to select any data point or subset of points using selection feature.
59
- * [Export](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/export): Provides the options to Export the chart to PDF, SVG and CSV formats.
60
- * [RTL support](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/rtl): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left.
61
- * [Appearance](https://help.syncfusion.com/chart-sdk/react/chart/chart-appearance?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm): Colors for the charts are picked by the built-in theme, but each element of the chart can be customized by simple configuration options.
62
- * [Accessibility](https://help.syncfusion.com/chart-sdk/react/chart/accessibility?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#wai-aria): Designed to be accessible to users with disabilities, with features such as WAI-ARIA standard compliance and keyboard navigation to ensure that the chart can be effectively used with assistive technologies such as screen readers.
63
- * [Localization](https://help.syncfusion.com/chart-sdk/react/chart/localization?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#localization): The Localization library enables you to adapt the default text content of the chart to fit the language and cultural preferences of your target audience.
53
+ * [React Financial Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/stock-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-stock-charts-npm)
54
+ * [Data binding](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/local-data): Bind the Chart component with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data.
55
+ * [Axis types](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/numeric-axis): Supports multiple axes, and able to plot different data such as numbers, datetime, logarithmic and string.
56
+ * [Rendering modes](https://ej2.syncfusion.com/react/documentation/chart/render-methods/): Supports two type of rendering - SVG and Canvas. By default chart rendered in SVG, You can easily switch between the two simple configuration.
57
+ * [Data label](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/datalabel-template): Supports data label to annotate points with label to improve the readability of data.
58
+ * [Annotation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/annotation): Provides support to mark any specific area of interest by adding custom element.
59
+ * [Zooming and panning](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/zoom): Provides options to visualize the data points under any region using rectangular selection, pinch, or mouse wheel zooming.
60
+ * [Crosshair & trackball](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/crosshair): Provides options to track data points closer to the mouse position or touch action.
61
+ * [Selection](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/selection): Allows you to select any data point or subset of points using selection feature.
62
+ * [Export](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/export): Provides the options to Export the chart to PDF, SVG and CSV formats.
63
+ * [RTL support](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/rtl): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left.
64
+ * [Appearance](https://ej2.syncfusion.com/react/documentation/chart/chart-appearance/): Colors for the charts are picked by the built-in theme, but each element of the chart can be customized by simple configuration options.
65
+ * [Accessibility](https://ej2.syncfusion.com/react/documentation/chart/accessibility/?utm_source=npm&utm_medium=listing&utm_campaign=react-chart-npm#wai-aria): Designed to be accessible to users with disabilities, with features such as WAI-ARIA standard compliance and keyboard navigation to ensure that the chart can be effectively used with assistive technologies such as screen readers.
66
+ * [Localization](https://ej2.syncfusion.com/react/documentation/chart/localization/?utm_source=npm&utm_medium=listing&utm_campaign=react-chart-npm#localization): The Localization library enables you to adapt the default text content of the chart to fit the language and cultural preferences of your target audience.
64
67
 
65
68
  ### React Accumulation Chart
66
69
 
67
70
  Built-in support for pie, doughnut, pyramid and funnel series type, to show the proportions and percentages between the categories.
68
71
 
69
72
  <p align="center">
70
- <a href="https://help.syncfusion.com/chart-sdk/react/accumulation-chart/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
71
- <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/default-pie">Online demos</a> .
73
+ <a href="https://ej2.syncfusion.com/react/documentation/accumulation-chart/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
74
+ <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/bootstrap5/chart/default-pie">Online demos</a> .
72
75
  <a href="https://www.syncfusion.com/react-components/react-charts?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Learn more</a>
73
76
  </p>
74
77
 
@@ -79,22 +82,22 @@ The [React Charts](https://www.syncfusion.com/react-components/react-charts?utm_
79
82
  #### Key features
80
83
 
81
84
  * Chart types: Supports Pie, Doughnut, Pyramid and Funnel charts.
82
- * [React Pie Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/pie-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
83
- * [React Doughnut Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/donut-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
84
- * [React Pyramid Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/pyramid-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
85
- * [React Funnel Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/funnel-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
86
- * [Smart labels](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/smartlabels): Supports arrangement of data labels smartly to avoid overlapping when the data point value falls in close range.
87
- * [Grouping](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/grouping): Supports grouping of data points based on value and point count.
88
- * [Semi-pie](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/semi-pie): Provides options to customize the start and end angle of the pie chart.
89
- * [Legend](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/pie-legend): Provides options to display additional information about the points with the help of legend.
90
- * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/chart/default-pie): Provides great user experiance by including a set of interactive features such as tooltip, drill-down, events, and selection.
85
+ * [React Pie Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/pie-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-pie-charts-npm)
86
+ * [React Doughnut Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/donut-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-donut-charts-npm)
87
+ * [React Pyramid Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/pyramid-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-pyramid-charts-npm)
88
+ * [React Funnel Chart](https://www.syncfusion.com/react-components/react-charts/chart-types/funnel-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-funnel-charts-npm)
89
+ * [Smart labels](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/smartlabels): Supports arrangement of data labels smartly to avoid overlapping when the data point value falls in close range.
90
+ * [Grouping](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/grouping): Supports grouping of data points based on value and point count.
91
+ * [Semi-pie](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/semi-pie): Provides options to customize the start and end angle of the pie chart.
92
+ * [Legend](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/pie-legend): Provides options to display additional information about the points with the help of legend.
93
+ * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/chart/default-pie): Provides great user experiance by including a set of interactive features such as tooltip, drill-down, events, and selection.
91
94
 
92
95
  ### React Stock Chart
93
96
 
94
- The [React Stock Chart Component](https://www.syncfusion.com/react-components/react-stock-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) is a well-crafted, easy-to-use financial charting package to track and visualize stock price of any company over a specific period using charting and range tools.
97
+ The [React Stock Chart Component](https://www.syncfusion.com/react-components/react-stock-chart) is a well-crafted, easy-to-use financial charting package to track and visualize stock price of any company over a specific period using charting and range tools.
95
98
 
96
99
  <p align="center">
97
- <a href="https://help.syncfusion.com/chart-sdk/react/stock-chart/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
100
+ <a href="https://ej2.syncfusion.com/react/documentation/stock-chart/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
98
101
  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/bootstrap5/stock-chart/default">Online demos</a> .
99
102
  <a href="https://www.syncfusion.com/react-components/react-stock-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Learn more</a>
100
103
  </p>
@@ -105,22 +108,22 @@ The [React Charts](https://www.syncfusion.com/react-components/react-charts?utm_
105
108
 
106
109
  #### Key features
107
110
 
108
- * [Data binding](https://help.syncfusion.com/chart-sdk/react/stock-chart/working-with-data?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm): Bind the stock chart component with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data.
109
- * [Range selector](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/stock-chart/default): Supports range selector to filter a date range for data that needs to be visualized.
110
- * [Period selector](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/stock-chart/disabled-navigator): Supports period selector to select predefined periods just by a single click.
111
- * [Technical indicators](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/stock-chart/default): Incidators allows to analyze the past and predict the future market trends based on historic price, volume, or open interest.
112
- * [Trendlines](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/stock-chart/default): Predicts the future trends with predetermined data for any measurements.
113
- * [Stock events](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/stock-chart/default): Supports stock events to show different kinds of market events on the chart.
114
- * [Export](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/stock-chart/default): Provides the options to Export the stock chart to PDF, SVG and CSV formats.
115
- * [Appearance](https://help.syncfusion.com/chart-sdk/react/stock-chart/appearance?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm): Colors for the stock chart are picked by the built-in theme, but each element of the stock chart can be customized by simple configuration options.
116
- * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/stock-chart/default): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball.
111
+ * [Data binding](https://ej2.syncfusion.com/react/documentation/stock-chart/working-with-data/): Bind the stock chart component with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data.
112
+ * [Range selector](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/disabled-period): Supports range selector to filter a date range for data that needs to be visualized.
113
+ * [Period selector](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/disabled-navigator): Supports period selector to select predefined periods just by a single click.
114
+ * [Technical indicators](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/default): Incidators allows to analyze the past and predict the future market trends based on historic price, volume, or open interest.
115
+ * [Trendlines](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/default): Predicts the future trends with predetermined data for any measurements.
116
+ * [Stock events](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/stock-events): Supports stock events to show different kinds of market events on the chart.
117
+ * [Export](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/multi-pane): Provides the options to Export the stock chart to PDF, SVG and CSV formats.
118
+ * [Appearance](https://ej2.syncfusion.com/react/documentation/stock-chart/appearance/): Colors for the stock chart are picked by the built-in theme, but each element of the stock chart can be customized by simple configuration options.
119
+ * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/multi-pane): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball.
117
120
 
118
121
  ### React Range Navigator
119
122
 
120
- The [React Chart Component](https://www.syncfusion.com/react-components/react-range-selector?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) is an interface for selecting a small range from a large collection. It is commonly used in financial dashboards to filter a date range for data that needs to be visualized.
123
+ The [React Chart Component](https://www.syncfusion.com/react-components/react-range-selector) is an interface for selecting a small range from a large collection. It is commonly used in financial dashboards to filter a date range for data that needs to be visualized.
121
124
 
122
125
  <p align="center">
123
- <a href="https://help.syncfusion.com/chart-sdk/react/range-navigator/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
126
+ <a href="https://ej2.syncfusion.com/react/documentation/range-navigator/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
124
127
  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/bootstrap5/range-navigator/default">Online demos</a> .
125
128
  <a href="https://www.syncfusion.com/react-components/react-range-selector?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Learn more</a>
126
129
  </p>
@@ -131,19 +134,19 @@ The [React Charts](https://www.syncfusion.com/react-components/react-charts?utm_
131
134
 
132
135
  #### Key features
133
136
 
134
- * [Data sources](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/range-navigator/stock-chart): Bind the range navigator component with an array of JSON objects or DataManager.
135
- * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/range-navigator/default): Provides great user experiance by including a set of interactive features such as tooltip, events, and animation.
136
- * [Lightweight](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/range-navigator/light-weight): Supports light-weight range navigator to load in mobile device.
137
- * [Period-selector](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/range-navigator/period-selector): Provides options to select the data over the custom period.
138
- * [Axis types](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/range-navigator/date-time): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string.
137
+ * [Data sources](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=range-navigator#/material/range-navigator/stock-chart): Bind the range navigator component with an array of JSON objects or DataManager.
138
+ * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/range-navigator/default): Provides great user experiance by including a set of interactive features such as tooltip, events, and animation.
139
+ * [Lightweight](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/range-navigator/light-weight): Supports light-weight range navigator to load in mobile device.
140
+ * [Period-selector](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/range-navigator/period-selector): Provides options to select the data over the custom period.
141
+ * [Axis types](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=chart#/material/range-navigator/date-time): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string.
139
142
 
140
143
 
141
144
  ### React Sparkline
142
145
 
143
- The [React Sparkline Component](https://www.syncfusion.com/react-components/react-sparkline?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) is a very small chart control drawn without axes or coordinates. The sparklines are easy to interpret and convey more information to users by visualizing data in a small amount of space.
146
+ The [React Sparkline Component](https://www.syncfusion.com/react-components/react-sparkline) is a very small chart control drawn without axes or coordinates. The sparklines are easy to interpret and convey more information to users by visualizing data in a small amount of space.
144
147
 
145
148
  <p align="center">
146
- <a href="https://help.syncfusion.com/chart-sdk/react/sparkline/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
149
+ <a href="https://ej2.syncfusion.com/react/documentation/sparkline/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
147
150
  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/bootstrap5/sparkline/default">Online demos</a> .
148
151
  <a href="https://www.syncfusion.com/react-components/react-sparkline?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Learn more</a>
149
152
  </p>
@@ -154,18 +157,18 @@ The [React Charts](https://www.syncfusion.com/react-components/react-charts?utm_
154
157
 
155
158
  #### Key features
156
159
 
157
- * [Series types](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/sparkline/series-types): Supports five types of sparklines : line, area, column, win loss, and pie to show data trends.
158
- * [Axis types](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/sparkline/axis-types): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string.
159
- * [Data label](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/sparkline/customization): Supports data label to annotate points with label to improve the readability of data.
160
- * [Range band](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/sparkline/range-band): Provides options to highlight specific range of values.
161
- * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/sparkline/default): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball.
160
+ * [Series types](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=sparkline#/material/sparkline/series-types): Supports five types of sparklines : line, area, column, win loss, and pie to show data trends.
161
+ * [Axis types](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=sparkline#/material/sparkline/axis-types): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string.
162
+ * [Data label](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=sparkline#/material/sparkline/customization): Supports data label to annotate points with label to improve the readability of data.
163
+ * [Range band](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=sparkline#/material/sparkline/range-band): Provides options to highlight specific range of values.
164
+ * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=sparkline#/material/sparkline/default): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball.
162
165
 
163
166
  ### React Bullet Chart
164
167
 
165
- The [React Bullet Chart Component](https://www.syncfusion.com/react-components/react-bullet-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) is an interface to visually compare measures, similar to the commonly used bar chart. A bullet chart displays one or more measures and compares them with a target value.
168
+ The [React Bullet Chart Component](https://www.syncfusion.com/react-components/react-bullet-chart) is an interface to visually compare measures, similar to the commonly used bar chart. A bullet chart displays one or more measures and compares them with a target value.
166
169
 
167
170
  <p align="center">
168
- <a href="https://help.syncfusion.com/chart-sdk/react/bullet-chart/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
171
+ <a href="https://ej2.syncfusion.com/react/documentation/bullet-chart/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
169
172
  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/bootstrap5/bullet-chart/default">Online demos</a> .
170
173
  <a href="https://www.syncfusion.com/react-components/react-bullet-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Learn more</a>
171
174
  </p>
@@ -176,17 +179,17 @@ The [React Bullet Chart Component](https://www.syncfusion.com/react-components/r
176
179
 
177
180
  #### Key features
178
181
 
179
- * [Multiple measures](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/bullet-chart/multiple-data): Provides options to render multiple measure bars as well as multiple target bars to allow comparison of several measures at once.
180
- * [Legend](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/bullet-chart/bullet-legend): Provides options to display additional information about the target and actual bar.
181
- * [RTL support](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/bullet-chart/right-to-left): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left.
182
- * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/bullet-chart/tooltip): Provides options to display additional information about target and actual on mouse hover.
182
+ * [Multiple measures](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=bulletchart#/material/bullet-chart/multiple-data): Provides options to render multiple measure bars as well as multiple target bars to allow comparison of several measures at once.
183
+ * [Legend](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=bulletchart#/material/bullet-chart/bullet-legend): Provides options to display additional information about the target and actual bar.
184
+ * [RTL support](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=bulletchart#/material/bullet-chart/right-to-left): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left.
185
+ * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=bulletchart#/material/bullet-chart/tooltip): Provides options to display additional information about target and actual on mouse hover.
183
186
 
184
187
  ### React Smith Chart
185
188
 
186
- The [React Smith Chart Component](https://www.syncfusion.com/react-components/react-smith-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) visualize data of high frequency circuit applications. It contains two sets of circles to plot parameters of transmission lines.
189
+ The [React Smith Chart Component](https://www.syncfusion.com/react-components/react-smith-chart) visualize data of high frequency circuit applications. It contains two sets of circles to plot parameters of transmission lines.
187
190
 
188
191
  <p align="center">
189
- <a href="https://help.syncfusion.com/chart-sdk/react/smithchart/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
192
+ <a href="https://ej2.syncfusion.com/react/documentation/smithchart/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Getting started</a> .
190
193
  <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/bootstrap5/smith-chart/default">Online demos</a> .
191
194
  <a href="https://www.syncfusion.com/react-components/react-smith-chart?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm">Learn more</a>
192
195
  </p>
@@ -197,17 +200,17 @@ The [React Smith Chart Component](https://www.syncfusion.com/react-components/re
197
200
 
198
201
  #### Key features
199
202
 
200
- * [Legend](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/smith-chart/default): Provides options to display additional information about the series.
201
- * [Data label](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/smith-chart/custom): Supports data label to annotate points with label to improve the readability of data.
202
- * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/smith-chart/custom): Provides options to display additional information about data points on mouse hover.
203
- * [Print and Export](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/material3/smith-chart/print-export): Provides support to print and export the rendered smith chart for future use.
203
+ * [Legend](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=smithchart#/material/smith-chart/default): Provides options to display additional information about the series.
204
+ * [Data label](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=smithchart#/material/smith-chart/custom): Supports data label to annotate points with label to improve the readability of data.
205
+ * [Tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=smithchart#/material/smith-chart/custom): Provides options to display additional information about data points on mouse hover.
206
+ * [Print and Export](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=smithchart#/material/smith-chart/print-export): Provides support to print and export the rendered smith chart for future use.
204
207
 
205
208
 
206
209
  ## Setup
207
210
 
208
211
  ### Create a React Application
209
212
 
210
- You can use [`create-react-app`](https://github.com/react/create-react-app) to setup applications. To create React app use the following command.
213
+ You can use [`create-react-app`](https://github.com/facebookincubator/create-react-app) to setup applications. To create React app use the following command.
211
214
 
212
215
  ```bash
213
216
  npx create-react-app my-app --template typescript
@@ -258,83 +261,42 @@ export default App;
258
261
 
259
262
  Chart components are offered in following list of frameworks.
260
263
 
261
- | [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/angular-new.svg" height="50" />](https://www.syncfusion.com/angular-components/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-components/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)&nbsp;&nbsp; |
264
+ | [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/angular-new.svg" height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; |
262
265
  | :-----: | :-----: | :-----: | :-----: | :-----: |
263
266
 
264
267
  ## Showcase samples
265
268
 
266
- * Loan Calculator - [Source](https://github.com/syncfusion/ej2-showcase-react-loan-calculator?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm), [Live Demo](https://ej2.syncfusion.com/showcase/react/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/default)
269
+ * Loan Calculator - [Source](https://github.com/syncfusion/ej2-showcase-react-loan-calculator), [Live Demo](https://ej2.syncfusion.com/showcase/react/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm#/default)
267
270
 
268
271
  ## Resources
269
272
 
270
- * [Documentation](https://help.syncfusion.com/chart-sdk/react/chart/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
271
- * [AI Coding Assistant](https://help.syncfusion.com/chart-sdk/react/mcp-server/ai-coding-assistant/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
272
- * [Theme Studio](https://ej2.syncfusion.com/themestudio/?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
273
- * [What's New](https://www.syncfusion.com/products/whatsnew/react?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
274
- * [Road Map](https://www.syncfusion.com/products/roadmap/react?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
275
- * [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=react&type=all?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
273
+ * [Documentation](https://ej2.syncfusion.com/react/documentation/chart/getting-started)
274
+ * [AI Coding Assistant](https://ej2.syncfusion.com/react/documentation/ai-coding-assistants/overview)
275
+ * [Theme Studio](https://ej2.syncfusion.com/themestudio/)
276
+ * [What's New](https://www.syncfusion.com/products/whatsnew/react?utm_medium=listing&utm_source=github)
277
+ * [Road Map](https://www.syncfusion.com/products/roadmap/react)
278
+ * [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=react&type=all)
276
279
 
277
280
  ## Support
278
281
 
279
282
  Product support is available through following mediums.
280
283
 
281
- * [Support ticket](https://support.syncfusion.com/support/tickets/create?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
284
+ * [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
282
285
  * [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
283
- * [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues/new?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
286
+ * [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues/new)
284
287
  * [Request feature or report bug](https://www.syncfusion.com/feedback/react?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm)
285
288
  * Live chat
286
289
 
287
- ## Other Popular React Components
288
-
289
- Explore other popular Syncfusion<sup>®</sup> React components curated from UI components, standalone SDKs, and document solution suites.
290
-
291
- <table>
292
- <tr>
293
- <td align="center">
294
- <a href="https://www.syncfusion.com/react-components/react-data-grid">React DataGrid</a>
295
- </td>
296
- <td align="center">
297
- <a href="https://www.syncfusion.com/scheduler-sdk/react-scheduler">React Scheduler</a>
298
- </td>
299
- <td align="center">
300
- <a href="https://www.syncfusion.com/react-components/react-file-manager">React File Manager</a>
301
- </td>
302
- <td align="center">
303
- <a href="https://www.syncfusion.com/gantt-sdk/react-gantt-chart">React Gantt Chart</a>
304
- </td>
305
- <td align="center">
306
- <a href="https://www.syncfusion.com/diagram-sdk/react-diagram">React Diagram</a>
307
- </td>
308
- </tr>
309
- <tr>
310
- <td align="center">
311
- <a href="https://www.syncfusion.com/rich-text-editor-sdk/react-rich-text-editor">React Rich Text Editor</a>
312
- </td>
313
- <td align="center">
314
- <a href="https://www.syncfusion.com/docx-editor-sdk/react-docx-editor">React DOCX Editor</a>
315
- </td>
316
- <td align="center">
317
- <a href="https://www.syncfusion.com/pdf-viewer-sdk/react-pdf-viewer">React PDF Viewer</a>
318
- </td>
319
- <td align="center">
320
- <a href="https://www.syncfusion.com/spreadsheet-editor-sdk/react-spreadsheet-editor">React Spreadsheet Editor</a>
321
- </td>
322
- <td align="center">
323
- <a href="https://www.syncfusion.com/react-components/react-maps-library">React Maps</a>
324
- </td>
325
- </tr>
326
- </table>
327
-
328
290
  ## Changelog
329
291
 
330
- Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/charts/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
292
+ Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/charts/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
331
293
 
332
294
  ## License and copyright
333
295
 
334
- > This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/license/studio/33.2.3/syncfusion_essential_studio_eula.pdf?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm). To acquire a license for 150+ [React UI components](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm), you can [purchase](https://www.syncfusion.com/sales/pricing?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) or [start a free 30-day trial](https://www.syncfusion.com/downloads/react?tag=es-seo-react-download-trial).
296
+ > This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [React UI components](https://www.syncfusion.com/react-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
335
297
 
336
- > A free community [license](https://www.syncfusion.com/products/communitylicense?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
298
+ > A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
337
299
 
338
- See [LICENSE FILE](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=react-charts-npm) for more info.
300
+ See [LICENSE FILE](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license) for more info.
339
301
 
340
302
  © Copyright 2026 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
package/diConfig.json CHANGED
@@ -247,7 +247,8 @@
247
247
  "DataEditing",
248
248
  "Highlight",
249
249
  "LastValueLabel",
250
- "SeriesLabel"
250
+ "SeriesLabel",
251
+ "WebMcpChart"
251
252
  ],
252
253
  "diModuleFiles": [
253
254
  {
@@ -426,6 +427,9 @@
426
427
  },
427
428
  {
428
429
  "fileName": "series-label"
430
+ },
431
+ {
432
+ "fileName": "webmcp-chart"
429
433
  }
430
434
  ],
431
435
  "complexDirective": [
package/dist/ej2-react-charts.min.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-react-charts.min.js
3
- * version : 34.2.6
3
+ * version : 35.1.37
4
4
  * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/dist/ej2-react-charts.umd.min.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-react-charts.umd.min.js
3
- * version : 34.2.6
3
+ * version : 35.1.37
4
4
  * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-react-charts",
3
- "version": "34.2.6",
3
+ "version": "35.1.37",
4
4
  "description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for React",
5
5
  "author": "Syncfusion Inc.",
6
6
  "license": "SEE LICENSE IN license",
@@ -31,9 +31,9 @@
31
31
  "es2015": "dist/es6/ej2-react-charts.es2015.js",
32
32
  "readme": "ReadMe.md",
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~34.2.6",
35
- "@syncfusion/ej2-react-base": "~34.2.6",
36
- "@syncfusion/ej2-charts": "34.2.6"
34
+ "@syncfusion/ej2-base": "~35.1.37",
35
+ "@syncfusion/ej2-react-base": "~35.1.37",
36
+ "@syncfusion/ej2-charts": "35.1.37"
37
37
  },
38
38
  "devDependencies": {},
39
39
  "sideEffects": false,