Class
ChartZoomableSelection

Configures selection-based zooming functionality for precise chart area examination and data analysis. Provides comprehensive control over drag-to-zoom behavior including keyboard modifiers, axis locking, and selection responsiveness. Use this component to enable rectangular selection zooming that allows users to precisely define the chart area they want to examine in detail.

Definition

Constructors

ChartZoomableSelection()

Declaration

cs-api-definition
public ChartZoomableSelection()

Properties

ChildContent

Declaration

cs-api-definition
[Parameter]
public RenderFragment ChildContent { get; set; }

Property Value

RenderFragment

Enabled

Controls whether selection-based zooming is enabled for precise chart area examination and data analysis. When set to true, users can drag to select a rectangular area and zoom into that specific region for detailed data exploration. Set to false to disable selection zooming while maintaining other zoom methods like mouse wheel zooming. Selection zooming provides precise control over the exact chart area users want to examine for focused data analysis.

Declaration

cs-api-definition
[Parameter]
public bool? Enabled { get; set; }

Property Value

bool?

Key

Specifies a keyboard key that must be pressed to activate selection-based zooming for controlled user interaction. Use this property to prevent accidental zooming by requiring a modifier key like Ctrl, Shift, or Alt during selection. Key modifiers help distinguish between zooming and other chart interactions like data point selection or tooltips. See ChartZoomableSelectionKey for available keyboard modifiers and their appropriate use cases for different interaction patterns.

Declaration

cs-api-definition
[Parameter]
public ChartZoomableSelectionKey? Key { get; set; }

Property Value

ChartZoomableSelectionKey?

Lock

Specifies which axis should be locked and excluded from selection-based zooming operations for controlled data exploration. Use this property to restrict selection zooming to specific axes while keeping others fixed for comparative analysis or maintaining context. For example, lock the X-axis to maintain time scale while allowing Y-axis selection zooming, or vice versa for focused analysis. See ChartAxisLock for available axis locking options and their use cases in different chart interaction scenarios.

Declaration

cs-api-definition
[Parameter]
public ChartAxisLock? Lock { get; set; }

Property Value

ChartAxisLock?

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration

cs-api-definition
protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

__builder

RenderTreeBuilder

Overrides ComponentBase.BuildRenderTree(RenderTreeBuilder)

OnAfterRender(bool)

Declaration

cs-api-definition
protected override void OnAfterRender(bool firstRender)

Parameters

firstRender

bool

Overrides ComponentBase.OnAfterRender(bool)

OnInitialized()

Declaration

cs-api-definition
protected override void OnInitialized()

Overrides DataVizChildComponent.OnInitialized()

OnParametersSet()

Declaration

cs-api-definition
protected override void OnParametersSet()

Overrides ComponentBase.OnParametersSet()

Serialize()

Declaration

cs-api-definition
public Dictionary<string, object> Serialize()

Returns

Dictionary<string, object>