WPF程序中好用的Chart控件

1、Chart控件介绍

         今天要介绍的是WPF中好用的Chart控件,控件非常多,DynamicDataDisplay能够快速实现一些常用的基本功能,个人觉得比handycontrol图表好看些,处理起来也简单些,接下来简单介绍下基本使用步骤。

疑似项目开源地址

        这个控件也是有的缺点,暂时没找到官方技术文档,使用都是通过别人分享

2、基本使用步骤

        一、在nuget管理器中直接搜索DynamicDataDisplay,安装

        二、在XAML中增加名称间        

xmlns:d3="http://research.microsoft.com/DynamicDataDisplay/1.0"

        三、开始使用控件

<d3:ChartPlotter x:Name="plotter">

 参考使用文章1

 参考使用文章2 

之前三此发的库http://download.csdn.net/detail/maiker/9621027可以作废,本次为最新的,其中测试了历史曲线的动态显示,这是对Microsoft WpfToolkit的更新和扩展: 1、将库版本升级到.NET 4.6.1,对命名控件进行了替换处理 2、实现了单数据Chart图的混合颜色显示,可通过修改资源字典调整和添加颜色 3、可控制各种Chart图形的数据值显示 4、坐标轴文本可倾斜显示 5、添加了StepLine图和圆环图,圆环半径比例系数可设定,同时添加了饼图的半径比系数,这样可以更好的控制饼图的标签显示,避免重叠 6、Legend可位于区域四侧,对齐方式也可以设定,以及是否显示, 可控制Chart Title是否显示 7、柱状图缝隙间隔可调整 8、全方面的加入了各种加载动画效果,动画效果可屏蔽,同时原系统自带动画效果,可叠加,这是两种不同的效果,可以互补性的单个使用 9、设计了四种主题颜色,各人可以针对图形颜色和背景色进行更好的搭配,在用户项目中,可以自己添加新的主题。 10、扩展了时间轴的应用,在新的DateTimeChart中可以通过鼠标平移和缩放时间轴,并测试了两个例子用于动态显示历史曲线,一个是外部定时更新,一个是内部定时更新 11、对LineDataPoint样式进行了设计,现在可以选择线图的点样式(如空心圆、五角星、三角形,矩形等),同时这些不同的点样式可以体现在Legend上,从而实现颜色和图形的双重区分。 总而言之,微软的控件库做得很标准,还是很好修改的。 最后一直想在历史曲线中取消点动画(及默认的透明度动画),以便提高执行效率,但微软的那部分动画不熟,总是修改失败。 可以发邮件wuyang26@live.cn讨论。
之前四此发的库http://download.csdn.net/detail/maiker/9646423可以作废,本次为最新的,其中测试了历史曲线的动态显示,这是对Microsoft WpfToolkit的更新和扩展: 1、将库版本升级到.NET 4.5,对命名控件进行了替换处理 2、实现了单数据Chart图的混合颜色显示,可通过修改资源字典调整和添加颜色 3、可控制各种Chart图形的数据值显示 4、坐标轴文本可倾斜显示 5、添加了StepLine图和圆环图,圆环半径比例系数可设定. 6、Legend可位于区域四侧,对齐方式也可以设定,以及是否显示, 可控制Chart Title是否显示 7、柱状图缝隙间隔可调整 8、全方面的加入了各种加载动画效果,动画效果可屏蔽,同时原系统自带动画效果,可叠加,这是两种不同的效果,可以互补性的单个使用 9、设计了五种主题颜色,各人可以针对图形颜色和背景色进行更好的搭配,在用户项目中,可以自己添加新的主题。 10、扩展了时间轴的应用,在新的DateTimeChart中可以通过鼠标平移和缩放时间轴,并测试了两个例子用于动态显示历史曲线,一个是外部定时更新,一个是内部定时更新 11、对LineDataPoint样式进行了设计,现在可以选择线图的点样式(如空心圆、五角星、三角形,矩形等),同时这些不同的点样式可以体现在Legend上,从而实现颜色和图形的双重区分。 12、对饼图的标签排布进行了深度扩展,借鉴了Telerik 饼图的标签排布规则,重新调整了标签排布,现在饼图标签在各种情况下都不会发生重叠,个人感觉比Visifire的饼图标签排布要好,虽然Visifire的饼图标签不会重叠,但连接线可能会出现重叠 13、借鉴了Visifire的标签智能适应,对各种Chart图的标签显示进行了重新定位,现在柱状图/Bar图的标签显示可以自行决定是水平排布还是垂直排布,是位于内部还是位于外部等等,而区域图的标签则使用了Win7窗口的文字区域背景的高斯模糊技巧,这样可以适应各种背景,而Visifire的标签色则通过底部背景色的计算来确定前景色,测试后发现在某些中性色下显示不理想,在Y轴方向上,标签文字能自适应显示。 14、轴标签和数据点值标签都添加了格式化字符串属性的设定 15、轴添加了交替颜色显示设定 16、增加了一些新的Chart类型:Stock/AreaSpline/AreaStepLine/RangeArea/RangeSplineArea/Stacked100AreaSpline/StackedAreaSpline 对Candlestick进行了小幅的调整,现在宽度自适应,以及适应中国的红涨绿跌股市颜色 总而言之,微软的控件库做得很标准,还是很好修改的,相对于微软的这个库,讲究的是WPF的那种注重其神而忽略其形,WPFVisifire则比较传统,而Telerik则在WPF上走得更远,模板全在外部定制和修改。连动画都在外面做,所以新上手的人在使用Telerik Chart时会比WPFVisifire难得多,但可修改性也强得多。 最后一直想在历史曲线中取消点动画(及默认的透明度动画),以便提高执行效率,但微软的那部分动画不熟,总是修改失败。 后来类似Visifire添加QuickLine,但没完成。 可以发邮件wuyang26@live.cn讨论。
要在 WPF 中使用 Livechart 显示实时曲线,可以按照以下步骤进行: 1. 安装 NuGet 包:在 Visual Studio 中,右键点击项目名称,选择“管理 NuGet 包”,搜索并安装 LiveCharts.Wpf 包。 2. 在 XAML 文件中添加 Livechart 控件:可以使用 LineSeries 控件来显示实时曲线。例如: ```xml <lvc:CartesianChart x:Name="chart"> <lvc:CartesianChart.Series> <lvc:LineSeries Title="My Series" Values="{Binding MyValues}" /> </lvc:CartesianChart.Series> </lvc:CartesianChart> ``` 其中,`MyValues` 是一个绑定到 ViewModel 中的数据源,用于存储实时曲线的数据。 3. 在 ViewModel 中添加数据源和定时器:在 ViewModel 中添加一个 ObservableCollection 类型的属性 MyValues,用于存储实时曲线的数据。同时,在构造函数中添加一个定时器,定时更新 MyValues 中的数据,并通知 Livechart 控件更新。 ```csharp public class MyViewModel : INotifyPropertyChanged { private readonly Timer _timer; private readonly Random _random; private ObservableCollection<double> _myValues; public MyViewModel() { _random = new Random(); MyValues = new ObservableCollection<double>(); _timer = new Timer(1000); _timer.Elapsed += (sender, args) => { MyValues.Add(_random.NextDouble()); if (MyValues.Count > 10) { MyValues.RemoveAt(0); } RaisePropertyChanged(nameof(MyValues)); }; _timer.Start(); } public ObservableCollection<double> MyValues { get => _myValues; set { _myValues = value; RaisePropertyChanged(nameof(MyValues)); } } public event PropertyChangedEventHandler PropertyChanged; private void RaisePropertyChanged(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` 在上述代码中,定时器每隔 1 秒向 MyValues 中添加一个随机数,并且如果 MyValues 中的数据超过 10 个,则删除第一个数据,保证显示的是最近的实时曲线。同时,在 `MyValues` 的 setter 方法中,通知 Livechart 控件更新数据。 4. 在 MainWindow 中绑定 ViewModel:在 MainWindow.xaml.cs 中创建 ViewModel 的实例,并将其绑定到 DataContext 中。 ```csharp public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); DataContext = new MyViewModel(); } } ``` 5. 运行程序:运行程序后,Livechart 控件会显示一个实时曲线,每隔 1 秒钟更新一次数据。 以上就是在 WPF 中使用 Livechart 显示实时曲线的基本步骤。如果需要更多定制化的功能,可以参考 Livechart 的官方文档。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值