TelerikChart
A data visualization component for plotting series with configurable axes, legend, title, tooltip, and interactions. Define content via ChartSeries, ChartTitle, ChartLegend, ChartCategoryAxes, ChartValueAxes (or ChartXAxes/ChartYAxes), ChartTooltip, ChartZoomable, and ChartPannable. Supports hierarchical drilldown with OnDrilldown and breadcrumb integration through TelerikChartBreadcrumb; programmatically navigate levels using ResetDrilldownLevel(int). Children: ChartSeries, ChartTitle, ChartLegend, ChartCategoryAxes, ChartValueAxes, ChartXAxes, ChartYAxes, ChartTooltip, ChartZoomable, ChartPannable.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class TelerikChart : ChartBase<ChartSeries>, IComponent, IHandleEvent, IHandleAfterRender, IDisposableInheritance: objectComponentBaseBaseComponentDataVizComponentChartBase<ChartSeries>TelerikChart...
Implements:
Inherited Members
Constructors
public TelerikChart()Properties
Fires when users click on chart elements to navigate deeper into hierarchical data. Enable drilling down from high-level data overview into detailed subsets by clicking chart items. Works with series that have a DrilldownField configured to define drill targets. Use with TelerikChartBreadcrumb component to provide navigation between drill levels.
[Parameter]
public EventCallback<ChartDrilldownEventArgs> OnDrilldown { get; set; }Specifies the rendering technology used for chart visualization to optimize performance and compatibility across different environments. Choose between SVG rendering for crisp vector graphics and high-quality output, or Canvas rendering for better performance with large datasets. SVG rendering provides superior scalability and print quality, while Canvas rendering offers enhanced performance for charts with many data points. See RenderingMode for available rendering options and their optimal use cases based on your chart requirements and target platforms.
[Parameter]
public RenderingMode? RenderAs { get; set; }Controls whether the chart displays smooth animations when rendering series data for enhanced visual appeal and user experience. When set to true (default), the chart plays entrance animations that help users follow data progression and changes over time. Set to false to disable animations for immediate data display, which can be beneficial for performance-critical scenarios or accessibility requirements. Animations improve the visual storytelling aspect of charts and make data transitions more engaging for users analyzing trends and patterns.
[Parameter]
public bool? Transitions { get; set; }Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides:
protected override void OnInitialized()Overrides:
Navigates back to previous drill level in hierarchical chart data. Set level to 0 to return to the top-level view, or specify any intermediate level. Commonly triggered by breadcrumb navigation or custom back buttons. Works in conjunction with the OnDrilldown event and drill-enabled series.
public void ResetDrilldownLevel(int level)The drill level to reset to (0 = top level, 1 = first drill level, etc.)