ChartDashboardLayoutItem Class

Allows you to specify the style and templates to customize the ChartDashboardItem appearance.

Assembly: DevExpress.Xpf.Dashboard.v25.2.dll

NuGet Package: DevExpress.Wpf.Dashboard

Declaration

C#
VB.NET

public class ChartDashboardLayoutItem :
    DashboardLayoutItem

Public Class ChartDashboardLayoutItem
    Inherits DashboardLayoutItem

Remarks

When you create a custom ChartDashboardLayoutItem template, bind the DashboardLayoutItem.ViewStyle property to the Style property of the underlying Chart control or bind the following styles to the underlying control’s objects:

The following code snippet shows how to enable scale breaks for a Chart dashboard item:

wpf-dashboard-chart-scale-breaks

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:dxdash="http://schemas.devexpress.com/winfx/2008/xaml/dashboard" xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
    xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts"
    mc:Ignorable="d"
    Title="MainWindow" Height="450" Width="800">
  <Window.Resources>

  <!--Create the template to enable the AutoScaleBreaks property.-->
  <DataTemplate x:Key="chartTemplate">
      <dxc:ChartControl Style="{Binding Path=(dxdash:DashboardLayoutItem.ViewStyle), RelativeSource={RelativeSource TemplatedParent}}">
          <dxc:XYDiagram2D>
              <dxc:XYDiagram2D.SecondaryAxisYItemTemplate>
                  <DataTemplate>
                      <dxc:SecondaryAxisY2D Style="{Binding Path=(dxdash:ChartDashboardLayoutItem.SecondaryAxisYStyle), RelativeSource={RelativeSource Self}}">
                          <dxc:SecondaryAxisY2D.AutoScaleBreaks>
                              <dxc:AutoScaleBreaks Enabled="True"/>
                          </dxc:SecondaryAxisY2D.AutoScaleBreaks>
                      </dxc:SecondaryAxisY2D>
                  </DataTemplate>
              </dxc:XYDiagram2D.SecondaryAxisYItemTemplate>
          </dxc:XYDiagram2D>
      </dxc:ChartControl>
  </DataTemplate>  
  </Window.Resources>
    <Grid>
        <dxdash:DashboardControl Grid.Column="0"  x:Name="dashboardControl1" 
                                 DashboardSource="../../Dashboards/dashboard1.xml" 
                                 BorderThickness="3" >
            <!--Apply the template to the Chart dashboard item.-->
            <dxdash:DashboardControl.ChartItemStyle>
                <Style TargetType="dxdash:ChartDashboardLayoutItem">
                    <Setter Property="ContentTemplate" Value="{StaticResource chartTemplate}" />
                </Style>
            </dxdash:DashboardControl.ChartItemStyle>
        </dxdash:DashboardControl>
    </Grid>
</Window>

Tip

For a complete list of dashboard item styles, see A List of Styles and Templates.

The following code snippet (auto-collected from DevExpress Examples) contains a reference to the ChartDashboardLayoutItem class.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

XAML

dashboard-constant-lines/CS/ConstantLineExtension.WPF/ConstantLineModuleStyle.xaml#L28

</DataTemplate>
<Style x:Key="chartStyle" TargetType="dxdash:ChartDashboardLayoutItem">
    <Setter Property="ContentTemplate" Value="{StaticResource chartTemplate}" />