menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class ChartErrorBarCapSettings - Blazor API Reference | Syncfusion

    Show / Hide Table of Contents

    Class ChartErrorBarCapSettings

    Specifies the configuration of the error bar cap settings.

    Inheritance
    System.Object
    ChartSubComponent
    ChartErrorBarCapSettings
    Namespace: Syncfusion.Blazor.Charts
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public class ChartErrorBarCapSettings : ChartSubComponent, ISubcomponentTracker

    Constructors

    ChartErrorBarCapSettings()

    Declaration
    public ChartErrorBarCapSettings()

    Properties

    Color

    Gets or sets the stroke color of the cap.

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

    A string representing the stroke color of the cap, which can be a valid CSS color string such as a hex or rgba value.

    Remarks

    Changing this value updates the visual appearance of the error bar's cap.

    Examples
    // This example demonstrates how to render a chart with error bars and custom cap color settings.
    <SfChart>
        <ChartSeriesCollection>
            <ChartSeries DataSource="@Data" XName="XValue" YName="YValue">
                <ChartErrorBarSettings Visible="true">
                    <ChartErrorBarCapSettings Color="#0000ff"></ChartErrorBarCapSettings>
                </ChartErrorBarSettings>
            </ChartSeries>
        </ChartSeriesCollection>
    </SfChart>

    Length

    Gets or sets the length of the error bar cap in pixels.

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

    A double representing the length of the cap in pixels. The default value is 10.

    Remarks

    The length property controls the size of the cap at the ends of the error bars.

    Examples
    // This example demonstrates how to render a chart with error bars and custom cap length settings.
    <SfChart>
        <ChartSeriesCollection>
            <ChartSeries DataSource="@Data" XName="XValue" YName="YValue">
                <ChartErrorBarSettings Visible="true">
                    <ChartErrorBarCapSettings Length="10"></ChartErrorBarCapSettings>
                </ChartErrorBarSettings>
            </ChartSeries>
        </ChartSeriesCollection>
    </SfChart>

    Opacity

    Gets or sets the opacity of the cap.

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

    A double representing the opacity of the cap, ranging from 0 (fully transparent) to 1 (fully opaque). The default value is 1.

    Remarks

    The opacity property allows adjusting the transparency level of the error bar caps.

    Examples
    // This example demonstrates how to render a chart with error bars and custom cap opacity settings.
    <SfChart>
        <ChartSeriesCollection>
            <ChartSeries DataSource="@Data" XName="XValue" YName="YValue">
                <ChartErrorBarSettings Visible="true">
                    <ChartErrorBarCapSettings Opacity="0.5"></ChartErrorBarCapSettings>
                </ChartErrorBarSettings>
            </ChartSeries>
        </ChartSeriesCollection>
    </SfChart>

    Width

    Gets or sets the width of the error bar cap in pixels.

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

    A double representing the width of the cap in pixels. The default value is 1.

    Remarks

    This property determines the thickness of the error bar cap.

    Examples
    // This example demonstrates how to render a chart with error bars and custom cap width settings.
    <SfChart>
        <ChartSeriesCollection>
            <ChartSeries DataSource="@Data" XName="XValue" YName="YValue">
                <ChartErrorBarSettings Visible="true">
                    <ChartErrorBarCapSettings Width="5"></ChartErrorBarCapSettings>
                </ChartErrorBarSettings>
            </ChartSeries>
        </ChartSeriesCollection>
    </SfChart>
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved