ClassChartZoomableSelection
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
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class ChartZoomableSelection : DataVizChildComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Inheritance: objectComponentBaseDataVizChildComponentChartZoomableSelection
Implements:
Inherited Members
Constructors
ChartZoomableSelection()
Declaration
public ChartZoomableSelection()
Properties
ChildContent
Declaration
[Parameter]
public RenderFragment ChildContent { get; set; }
Property Value
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.
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
[Parameter]
public ChartZoomableSelectionKey? Key { get; set; }
Property Value
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
[Parameter]
public ChartAxisLock? Lock { get; set; }
Property Value
Methods
BuildRenderTree(RenderTreeBuilder)
Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
__builder
Overrides
OnAfterRender(bool)
Declaration
protected override void OnAfterRender(bool firstRender)
Parameters
firstRender
Overrides
OnInitialized()
Declaration
protected override void OnInitialized()
Overrides
OnParametersSet()
Declaration
protected override void OnParametersSet()
Overrides
Serialize()
Declaration
public Dictionary<string, object> Serialize()
Returns