Class ChartCrosshairLine

Provides option to customize the crosshair line of the chart.

Inheritance

System.Object

ChartSubComponent

ChartDefaultBorder

ChartCrosshairLine

Namespace: Syncfusion.Blazor.Charts

Assembly: Syncfusion.Blazor.dll

Syntax

public class ChartCrosshairLine : ChartDefaultBorder, ISubcomponentTracker

Constructors

ChartCrosshairLine()

Declaration

public ChartCrosshairLine()

Properties

Color

Gets or sets the color of the crosshair line. Accepts values in hex or rgba as valid CSS color strings.

Declaration

public override string Color { get; set; }

Property Value

Type	Description
System.String	A string specifying the color of the crosshair line. The default value is inherited from Color.

Overrides

ChartDefaultBorder.Color

Remarks

Use this property to customize the appearance of the crosshair line color on the chart.

Examples

// This example demonstrates how to enable crosshair in a Chart and customize its line color.
<SfChart>
    <ChartCrosshairSettings Enable="true">
        <ChartCrosshairLine Width="2" Color="blue"></ChartCrosshairLine>
    </ChartCrosshairSettings>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue">
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

Width

Gets or sets the width of the crosshair line in pixels.

Declaration

public override double Width { get; set; }

Property Value

Type	Description
System.Double	A double value representing the width of the crosshair line. If not set, the default is inherited from Width.

Overrides

ChartDefaultBorder.Width

Remarks

Adjusting the width alters the thickness of the crosshair line on the chart.

Examples

// This example demonstrates how to enable crosshair in a Chart and customize its line width.
<SfChart>
    <ChartCrosshairSettings Enable="true">
        <ChartCrosshairLine Width="2" Color="blue"></ChartCrosshairLine>
    </ChartCrosshairSettings>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@Data" XName="XValue" YName="YValue">
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

Methods

OnParametersSetAsync()

Declaration

protected override Task OnParametersSetAsync()

Returns

Type
System.Threading.Tasks.Task