WPF DevExpress ChartControl用法

简介: WPF常用的第三方控件集,DevExpress中ChartControl的使用 下面介绍如何生成Chart界面:   ...

 WPF常用的第三方控件集,DevExpress中ChartControl的使用

下面介绍如何生成Chart界面:

 

        <dxc:ChartControl AnimationMode="OnDataChanged" Background="Transparent" BorderThickness="0" BorderBrush="Transparent"
                          SelectionMode="Single" SeriesSelectionMode="Point">
            <dxc:XYDiagram2D PaneOrientation="Vertical" EqualBarWidth="True">
                <dxc:XYDiagram2D.DefaultPane>
                    <dxc:Pane DomainBrush="Transparent" Foreground="White" />
                </dxc:XYDiagram2D.DefaultPane>

                <dxc:XYDiagram2D.AxisY>
                    <dxc:AxisY2D TickmarksMinorVisible="False" Brush="White" Thickness="2" GridLinesVisible="True"
                        Interlaced="False" TickmarksVisible="False">
                        <dxc:AxisY2D.CustomLabels>
                            <dxc:CustomAxisLabel Content="0" Value="0"/>
                            <dxc:CustomAxisLabel Content="20" Value="20"/>
                            <dxc:CustomAxisLabel Content="40" Value="40"/>
                            <dxc:CustomAxisLabel Content="60" Value="60"/>
                            <dxc:CustomAxisLabel Content="80" Value="80"/>
                            <dxc:CustomAxisLabel Content="100" Value="100"/>
                        </dxc:AxisY2D.CustomLabels>
                        <dxc:AxisY2D.WholeRange>
                            <dxc:Range MaxValue="100" MinValue="0" AutoSideMargins="False"/>
                        </dxc:AxisY2D.WholeRange>
                        <dxc:AxisY2D.Label>
                            <dxc:AxisLabel  Background="Transparent" Foreground="White" />
                        </dxc:AxisY2D.Label>
                    </dxc:AxisY2D>
                </dxc:XYDiagram2D.AxisY>
                <dxc:XYDiagram2D.AxisX>
                    <dxc:AxisX2D Brush="Transparent" TickmarksVisible="True" TickmarksMinorVisible="False" Reverse="False" Logarithmic="False" TickmarksCrossAxis="False">
                        <dxc:AxisX2D.Label>
                            <dxc:AxisLabel Background="Transparent" Foreground="White" />
                        </dxc:AxisX2D.Label>
                    </dxc:AxisX2D>
                </dxc:XYDiagram2D.AxisX>

                <dxc:BarSideBySideSeries2D DisplayName="BarSeries" LabelsVisibility="True" ColorEach="True"
                                           BarWidth="0.3" CrosshairEnabled="False" CrosshairLabelVisibility="False"
                                           >

                    <dxc:BarSideBySideSeries2D.Model>
                        <dxc:BorderlessSimpleBar2DModel/>
                    </dxc:BarSideBySideSeries2D.Model>
                    <dxc:BarSideBySideSeries2D.Label>
                        <dxc:SeriesLabel  ConnectorVisible="False" Indent="0" dxc:BarSideBySideSeries2D.LabelPosition="Outside">
                            <dxc:SeriesLabel.ElementTemplate>
                                <DataTemplate>
                                    <Label Content="{Binding Text}" Foreground="White" FontSize="17"/>
                                </DataTemplate>
                            </dxc:SeriesLabel.ElementTemplate>
                        </dxc:SeriesLabel>
                    </dxc:BarSideBySideSeries2D.Label>
                    <dxc:SeriesPoint Argument="1" Value="96.4"/>
                    <dxc:SeriesPoint Argument="2" Value="45.5"/>
                    <dxc:SeriesPoint Argument="3" Value="12.5"/>
                    <dxc:SeriesPoint Argument="4" Value="81.5"/>
                    <dxc:SeriesPoint Argument="5" Value="88.5"/>
                    <dxc:SeriesPoint Argument="6" Value="30.5"/>
                </dxc:BarSideBySideSeries2D>
            </dxc:XYDiagram2D>
            <dxc:ChartControl.Legend>
                <dxc:Legend Background="LightSteelBlue" BorderBrush="Transparent"></dxc:Legend>
            </dxc:ChartControl.Legend>
        </dxc:ChartControl>

 

其它样式设置,可详见如下:

Demo:

View Code

Demo中包括:

1、设置X/Y轴-包括颜色、刻度、范围

2、行线颜色、顶上和底部行线取巧的设置

3、注状图、波浪图、线、圆点虚线、普通虚线。

4、背景、Legend设置等等

 

DevExpress官方下载地址 

 

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。
目录
相关文章
|
C#
WPF中StringFormat的用法--显示特定位数的数字
原文:WPF中StringFormat的用法--显示特定位数的数字 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huangli321456/article/details/80324458 ...
1627 0
|
C#
WPF中StringFormat的用法
原文:WPF中StringFormat的用法 WPF中StringFormat的用法可以参照C#中string.Format的用法 1、 C#中用法: 格式化货币(跟系统的环境有关,中文系统默认格式化人民币,英文系统格式化美元)示例: string.
4199 0
|
C#
关于WPF中Popup中的一些用法的总结
原文:关于WPF中Popup中的一些用法的总结   Popup控件是一个常用的非常有用的控件,顾明思义就是弹出式控件,首先我们来看看MSDN对它的解释吧,表示具有内容的弹出窗口,这个是非常重要的控件,我们看看它的继承关系吧:  System.
1522 0
|
C#
WPF中StringFormat 格式化 的用法
原文 WPF中StringFormat 格式化 的用法 网格用法                             1、 C#中用法: 格式化货币(跟系统的环境有关,中文系统默认格式化人民币,英文系统格式化美元)示例: string.
1861 0
|
7月前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
406 0
|
7月前
|
C#
浅谈WPF之装饰器实现控件锚点
使用过visio的都知道,在绘制流程图时,当选择或鼠标移动到控件时,都会在控件的四周出现锚点,以便于修改大小,移动位置,或连接线等,那此功能是如何实现的呢?在WPF开发中,想要在控件四周实现锚点,可以通过装饰器来实现,今天通过一个简单的小例子,简述如何在WPF开发中,应用装饰器,仅供学习分享使用,如有不足之处,还请指正。
155 1
|
4月前
|
开发框架 缓存 前端开发
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件
|
4月前
|
C# 开发者 Windows
一款基于Fluent设计风格、现代化的WPF UI控件库
一款基于Fluent设计风格、现代化的WPF UI控件库
122 1
|
4月前
|
C# Windows
WPF中如何使用HandyCotrol控件库
WPF中如何使用HandyCotrol控件库
218 1