DxChartSeries.Pane Property

Specifies a pane where the series is displayed.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string Pane { get; set; }

Property Value

Type	Description
String	The pane name.

Remarks

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

Use the Pane property to specify a pane where the series is displayed.

<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>

Run Demo: Charts - Multiple Panes