Example of Data Editing in Angular Chart Component

This sample shows the behavior of the data editing in the chart. Drag and drop the points to change the data values dynamically.

Electricity - ProductionRenewableNon-Renewable
Description

In this example, you can see how to drag and drop the data points in the chart by setting Enable property in ChartDataEditSettings to true. Also, you can set data editing’s minimum and maximum range using the MinY and MaxY properties.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use line series, we need to inject LineSeriesService into the @NgModule.providers section.

More information on the Data Editing can be found in this documentation section.