Example of undefined in React Chart Component


This sample illustrates a chart that allows end users to add new data and update the existing data source by clicking in the chart area. Additionally, clicking on an existing point will remove that data from the existing data source.

More Details...


In this example, the X-Axis and Y-Axis data of the currently clicked location are retrieved from the chartMouseClick event arguments and converted into a new point. This point is then added to the existing data source using the addPoint method. If a point with the same coordinates already exists, it will be removed from the data source using the removePoint method.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use the line series, we need to inject the LineSeries module into services.

More information on the line series can be found in this documentation section.