【WPF】ChartControl使用汇总

目录

• 一、添加十字光标
• 二、添加图表标题
• 三、添加基准线
• 四、参考实例
  • 1、ChartControl用法指南
  • 2、ChartControl的UI解读
  • 3、ChartControl 样式设置

 

---

回到顶部

一、添加十字光标

实现鼠标放到曲线上能显示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>

同理可添加X轴基准线。

 

回到顶部

四、参考实例

1、ChartControl用法指南

https://blog.csdn.net/sD7O95O/article/details/121846888

2、ChartControl的UI解读

https://www.cnblogs.com/lovecsharp094/p/5995002.html

3、ChartControl 样式设置

https://www.shuzhiduo.com/A/QV5Ze42Jyb/