Charts / User Interaction / Dynamic Points

Blazor Chart with Dynamic Points Example.

Loading Syncfusion Blazor Server Demos…

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.

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 over a point or tap on a point in touch enabled devices.

See also:

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