【WPF】ChartControl使用汇总

不溯流光 / 2023-04-28 / 原文

一、添加十字光标

实现鼠标放到曲线上能显示X、Y值，可以选择隐藏某条光标线。

        <dxc:ChartControl DataSource="{Binding Data}">
            <dxc:ChartControl.CrosshairOptions>
                <dxc:CrosshairOptions ShowArgumentLabels="True" 
                                      ShowValueLabels="True" 
                                      ShowValueLine="True"/>
            </dxc:ChartControl.CrosshairOptions>
        </dxc:ChartControl>

二、添加图表标题

        <dxc:ChartControl DataSource="{Binding Data}">
            <dxc:ChartControl.Titles>
                <dxc:Title Content="Sales by Regions" 
                           HorizontalAlignment="Center"/>
            </dxc:ChartControl.Titles>
        </dxc:ChartControl>

三、添加基准线

            <dxc:ChartControl AnimationMode="Disabled" Opacity="0.7" Background="{x:Null}" ToolTipEnabled="False" >
                <dxc:XYDiagram2D  DependentAxesYRange="True" x:Name="Diagram">
                    <dxc:XYDiagram2D.AxisY>
                        <dxc:AxisY2D Interlaced="False" Visible="True" GridLinesVisible="True" TickmarksMinorVisible="False">

                            <dxc:AxisY2D.ConstantLinesInFront >
                                <dxc:ConstantLine Value="{Binding YAsix1}" Visibility="Visible" Brush="#FFFFFFFF">
                                    <dxc:ConstantLine.LineStyle>
                                        <dxc:LineStyle>
                                            <dxc:LineStyle.DashStyle>
                                                <DashStyle Dashes="10" Offset="0">
                                                </DashStyle>
                                            </dxc:LineStyle.DashStyle>
                                        </dxc:LineStyle>
                                    </dxc:ConstantLine.LineStyle>
                                </dxc:ConstantLine>
                            </dxc:AxisY2D.ConstantLinesInFront>

                        </dxc:AxisY2D>
                    </dxc:XYDiagram2D.AxisY>