DxChartPane Class

Defines a chart pane.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxChartPane :
    DxSettingsComponent<ChartPaneModel>

Remarks

A pane is a chart area that contains series. You can distribute series between multiple panes.

<DxChart Data="@SalesData">
    <DxChartTitle Text="Sales amount" />
    <DxChartLegend Position="RelativePosition.Outside" VerticalAlignment="VerticalEdge.Bottom" />
    <DxChartPane Name="Pane1"></DxChartPane>
    <DxChartPane Name="Pane2"></DxChartPane>
    <DxChartBarSeries Name="2018" Filter="@((SaleInfo s) => s.Date.Year == 2018)" SummaryMethod="Enumerable.Sum" 
                      Pane="Pane1" ArgumentField="@(s => s.City)" ValueField="@(s => s.Amount)" />
    <DxChartBarSeries Name="2019" Filter="@((SaleInfo s) => s.Date.Year == 2019)" SummaryMethod="Enumerable.Sum" 
                      Pane="Pane2" ArgumentField="@(s => s.City)" ValueField="@(s => s.Amount)" />
</DxChart>

Implements

IComponent

IHandleEvent

IHandleAfterRender

IDisposable

Inheritance

Object

ComponentBase

DxSettingsComponent<DevExpress.Blazor.Internal.ChartPaneModel>

DxChartPane