• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Click to add a point in ASP.NET Core Chart Control

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.

DEMO
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 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.

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

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab