blazor-401180-components-charts-chart.md
DevExpress Chart for Blazor (<DxChart>) helps you transform data into a concise and readable visual representation.
Read Tutorial: Get Started With Blazor Charts
Run Demo: Blazor Charts View Example: Create and Configure a Line Chart
Refer to the following list for the component API reference: DxChart Members.
The DevExpress Blazor Chart component ships with different 2D chart types – from area and bars to financial OHLC views.
Read Tutorial: 25 Series Types
The DevExpress Blazor Chart supports various data binding scenarios:
For examples on how to bind to the most commonly used data collections, refer to the following sections:
Read Tutorial: Bind Blazor Charts to Data
<DxChart> allows you to configure its axes and their visual elements (ticks, titles, constant lines, and so on).
Read Tutorial: Axes Run Demo: Axes Run Demo: Axis Strips
You can add labels to chart series and axes. You can format values and customize label appearance.
Run Demo: Series Label Customization Run Demo: Axis Labels
<DxChart> supports the following zoom and pan operations:
Read Tutorial: Zoom Run Demo: Zoom
The <DxChart> component can use aggregate methods to group data and decrease the number of visible points. This feature allows you to optimize chart performance.
The Chart component can calculate summaries for points with the same argument value and show the resulting values as series points.
The Blazor Chart component allows you to create charts with multiple panes under each other. A pane can display one or more series and shares its argument axis with other panes.
Read Tutorial: Multiple Panes Run Demo: Multiple Panes
To help users understand visualized data, you can add descriptive elements to your charts – a legend, titles and subtitles, tooltips, and annotations.
Read Tutorial: Descriptive Elements Read Tutorial: Annotations
DevExpress Charts for Blazor allow you to customize the appearance of nested/inner components and chart elements. You can also apply a custom color palette and change the component font.
Run Demo: Inner Component Customization Run Demo: Series Customization Run Demo: Palette
DevExpress Blazor Charts allow users to interact with their content: users can select, click, and hover over series and points.
Read Tutorial: User Interaction Options
You can export chart content as an encoded string in a specified format (PNG, PDF, JPEG, and GIF).