Class ChartZoomToolbarPosition

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

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
ChartSubComponent
ChartZoomToolbarPosition
Implements
Inherited Members
Namespace: Syncfusion.Blazor.Charts
Assembly: Syncfusion.Blazor.dll
Syntax
public class ChartZoomToolbarPosition : ChartSubComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Constructors

ChartZoomToolbarPosition()

Declaration
public ChartZoomToolbarPosition()

Properties

HorizontalAlign

Gets or sets the horizontal alignment of the toolbar.

Declaration
[Parameter]
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
[Parameter]
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
[Parameter]
public double X { get; set; }
Property Value
Type Description
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
[Parameter]
public double Y { get; set; }
Property Value
Type Description
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>

Implements