Blazor Chart with Dynamic Points Example.

Charts / User Interaction / Dynamic Points

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

Loading Syncfusion Blazor Server Demos…

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 datasource. If there is already a point with the same coordinates present, it will be removed from the existing datasource.

Tooltip is enabled in this example. To see the tooltip in action, hover a point or tap on a point in touch enabled devices.

More information about the mouse click event can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE