Class ChartDataEditSettings

Provides options to customize drag-edit behavior for chart series points.

Inheritance
System.Object
SfBaseComponent
ChartSubComponent
ChartDataEditSettings
Implements
System.IAsyncDisposable
Inherited Members
Namespace: Syncfusion.Blazor.Toolkit.Charts
Assembly: Syncfusion.Blazor.Toolkit.dll
Syntax
public class ChartDataEditSettings : ChartSubComponent, IAsyncDisposable, ISubcomponentTracker
Remarks

When enabled, users can drag supported series points to edit Y-values within optional bounds (MinY, MaxY).

Constructors

ChartDataEditSettings()

Declaration
public ChartDataEditSettings()

Properties

Enable

Gets or sets a value indicating whether to enable data editing by dragging the point.

Declaration
public bool Enable { get; set; }
Property Value
Type Description
System.Boolean

true if data editing is enabled; otherwise, false. The default value is false.
Remarks

When set to true, users can interactively edit data points by dragging them on the chart.

Examples
// This example shows how to enable data editing in a chart by setting the ChartDataEditSettings.
<SfChart>
    <ChartSeries DataSource="@Data" Name="England" XName="XValue" YName="YValue">
        <ChartDataEditSettings Enable="true"></ChartDataEditSettings>
        <ChartMarker Visible="true" Width="10" Height="10" />
    </ChartSeries>
</SfChart>

Fill

Gets or sets the color for the edited point.

Declaration
public string Fill { get; set; }
Property Value
Type Description
System.String

A string representing the color of the edited point.
Remarks

The Fill property specifies the color of the point interior which will be assigned while dragging and will remain for the edited point. This property accepts values in hex or rgba as a valid CSS color string.
Note: It is not applicable to line-based series types such as Line, Step Line, and Spline.

Examples
// This example demonstrates enabling data editing in a column chart and setting the fill color of edited points.
<SfChart>
    <ChartSeries DataSource="@Data" Name="England" XName="XValue" YName="YValue" Type="ChartSeriesType.Column">
        <ChartDataEditSettings Enable="true" Fill="red"></ChartDataEditSettings>
        <ChartMarker Visible="true" Width="10" Height="10" />
    </ChartSeries>
</SfChart>

MaxY

Gets or sets the maximum Y value to which the point can be dragged for data editing.

Declaration
public double MaxY { get; set; }
Property Value
Type Description
System.Double

Accepts double value. The default value is System.Double.NaN.
Remarks

This property helps control the upper limit for the Y-axis when interactively editing data points on the chart.

Examples
// This example demonstrates how to enable data editing in a column chart
// and limit the maximum editable Y-value to 20 using MaxY property.
<SfChart>
    <ChartSeries DataSource="@Data" Name="England" XName="XValue" YName="YValue" Type="ChartSeriesType.Column">
        <ChartDataEditSettings Enable="true" MaxY="20"></ChartDataEditSettings>
        <ChartMarker Visible="true" Width="10" Height="10" />
    </ChartSeries>
</SfChart>

MinY

Gets or sets the minimum Y value to which the point can be dragged for data editing.

Declaration
public double MinY { get; set; }
Property Value
Type Description
System.Double

Accepts double value. The default value is System.Double.NaN.
Remarks

This property helps control the lower limit for the Y-axis when interactively editing data points on the chart.

Examples
// This example demonstrates how to enable data editing in a column chart
// and restrict the minimum editable Y-value to 30 using the MinY property.
<SfChart>
    <ChartSeries DataSource="@Data" Name="England" XName="XValue" YName="YValue" Type="ChartSeriesType.Column">
        <ChartDataEditSettings Enable="true" MinY="30"></ChartDataEditSettings>
        <ChartMarker Visible="true" Width="10" Height="10" />
    </ChartSeries>
</SfChart>

Implements

System.IAsyncDisposable