New to Telerik UI for Blazor? Start a free 30-day trial

Chart-specific visualization configuration.

Canonical JSON Schema: src/common/models/chart.schema.json. When adding a new property, update the schema file first, then add the matching C# property here.

Definition

Namespace:Telerik.Blazor.Components.DatAInsightsComposer

Assembly:Telerik.Blazor.DatAInsightsComposer.dll

Syntax:

C#
public class ChartConfig

Inheritance: objectChartConfig

Constructors

C#
public ChartConfig()

Properties

Category axis configurations (title, min, max, type, and name).

C#
public List<ChartCategoryAxisConfig> CategoryAxes { get; set; }

The data field used for category axis values.

C#
public string CategoryField { get; set; }

Optional data filter/sort to apply before rendering the chart series.

C#
public DataSourceConfig? DataSource { get; set; }

Component height as a CSS size (e.g. "400px", "50%"). Set only if the user explicitly asks for a height; otherwise leave null.

C#
public string? Height { get; set; }

The chart legend configuration.

C#
public ChartLegendConfig? Legend { get; set; }

Enables chart panning (drag to pan). null means not requested (treated as false).

C#
public bool? Pannable { get; set; }

Sets the preferred rendering engine. When not set the chart chooses automatically.

C#
public ChartRenderAs? RenderAs { get; set; }

Series to render in the chart.

C#
public List<ChartSeriesConfig> Series { get; set; }

The chart subtitle configuration (displayed below the title).

C#
public ChartSubtitleConfig? Subtitle { get; set; }

The chart title configuration.

C#
public ChartTitleConfig? Title { get; set; }

The chart tooltip configuration.

C#
public ChartTooltipConfig? Tooltip { get; set; }

If set to false the chart will not play animations when displaying the series. When null (default) the chart uses its built-in default (animations enabled).

C#
public bool? Transitions { get; set; }

Value axis configurations (title, min, max, major unit, and name).

C#
public List<ChartValueAxisConfig> ValueAxes { get; set; }

Component width as a CSS size (e.g. "600px", "50%"). Set only if the user explicitly asks for a width; otherwise leave null.

C#
public string? Width { get; set; }

Numeric X-axis configurations for scatter and bubble charts.

C#
public List<ChartXAxisConfig> XAxes { get; set; }

Numeric Y-axis configurations for scatter and bubble charts.

C#
public List<ChartYAxisConfig> YAxes { get; set; }

Enables chart zooming (mouse wheel / pinch). null means not requested (treated as false).

C#
public bool? Zoomable { get; set; }