Class ChartZoomToolbarPosition

Provides the options for customizing the toolbar position in the SfChart.

Inheritance

System.Object

ChartSubComponent

ChartZoomToolbarPosition

Namespace: Syncfusion.Blazor.Charts

Assembly: Syncfusion.Blazor.dll

Syntax

public class ChartZoomToolbarPosition : ChartSubComponent, ISubcomponentTracker

Constructors

ChartZoomToolbarPosition()

Declaration

public ChartZoomToolbarPosition()

Properties

HorizontalAlign

Gets or sets the horizontal alignment of the toolbar.

Declaration

public HorizontalAlign HorizontalAlign { get; set; }

Property Value

Type	Description
HorizontalAlign	Specifies the horizontal position of the toolbar. The available options are: LeftAligns the toolbar to the left side of the chart. CenterCenters the toolbar horizontally within the chart. RightAligns the toolbar to the right side of the chart. This is the default value.

Remarks

This property determines the horizontal placement of the toolbar relative to the chart's plotting area.

Examples

<SfChart>
    <ChartZoomSettings ToolbarDisplayMode="ToolbarMode.Always" Mode="ZoomMode.X">
        <ChartZoomToolbarPosition HorizontalAlign="HorizontalAlign.Left">
        </ChartZoomToolbarPosition>
    </ChartZoomSettings>
</SfChart>

VerticalAlign

Gets or sets the vertical alignment of the toolbar.

Declaration

public VerticalAlign VerticalAlign { get; set; }

Property Value

Type	Description
VerticalAlign	Specifies the vertical position of the toolbar. The available options are: TopPositions the toolbar at the top of the chart. This is the default value. MiddleVertically centers the toolbar within the chart. BottomPositions the toolbar at the bottom of the chart.

Remarks

This property determines the vertical placement of the toolbar relative to the chart's plotting area.

Examples

<SfChart>
    <ChartZoomSettings ToolbarDisplayMode="ToolbarMode.Always" Mode="ZoomMode.X">
        <ChartZoomToolbarPosition VerticalAlign="VerticalAlign.Top">
        </ChartZoomToolbarPosition>
    </ChartZoomSettings>
</SfChart>

X

Gets or sets the horizontal offset of the toolbar from its horizontal position.

Declaration

public double X { get; set; }

Property Value

Type	Description
System.Double	A double value that specifies the horizontal distance, in pixels, from the toolbar's horizontal position. For example, if the horizontal alignment is set to Center and the offset is 30, the toolbar will shift 30 pixels to the right of the center. Negative values move the toolbar in the opposite direction. The default value is 0.

Remarks

Use this property to fine-tune the toolbar's horizontal placement beyond the predefined alignment options.

Examples

<SfChart>
    <ChartZoomSettings ToolbarDisplayMode="ToolbarMode.Always" Mode="ZoomMode.X">
        <ChartZoomToolbarPosition X="30">
        </ChartZoomToolbarPosition>
    </ChartZoomSettings>
</SfChart>

Y

Gets or sets the vertical offset of the toolbar from its vertical position.

Declaration

public double Y { get; set; }

Property Value

Type	Description
System.Double	A double value that specifies the vertical distance, in pixels, from the toolbar's vertical position. For example, if the vertical alignment is set to Middle and the offset is 50, the toolbar will shift 50 pixels downward from the center. Negative values move the toolbar upward. The default value is 0.

Remarks

Use this property to fine-tune the toolbar's vertical placement beyond the predefined alignment options.

Examples

<SfChart>
    <ChartZoomSettings ToolbarDisplayMode="ToolbarMode.Always" Mode="ZoomMode.X">
        <ChartZoomToolbarPosition Y="50">
        </ChartZoomToolbarPosition>
    </ChartZoomSettings>
</SfChart>