前言:LiveCharts是一个灵活的、可自定义的图表控件,之前好像是痕迹大佬的一个开源软件中见使用过,是用来显示电脑cpu实时使用曲线图,当时还是版本0,Git上面版本0有几年不更新了,现在原作者整合了LiveCahrts,使之可以全平台使用,新版本叫LiveCharts2,网上可搜到资源不多,现就官网资源进行使用复现。
一、简介
就是这位大佬开源的。
1.1 LiveCharts
LiveCharts现在已经迁移至LiveCharts2了,先看下LiveCharts的效果图。
整体效果还是不错的,有点EChart那味了。
1.2 LiveCharts2
LiveCharts2相对于LiveCharts(v0),可以实现全平台使用,不局限于wpf了。
二、改变
2.1 基础内容
LiveCharts2整体命名空间和属性等和v0有不少变化。
相比较而言,LiveCharts2的结构还是更清楚简洁些。因为笔者用到的是wpf,就介绍下wpf中的一些内容。
2.2 安装使用
通过NuGet进行安装,基于LiveCharts2的NuGet包有11个,LiveChartsCore和LiveChartsCore.SkiaSharpView是基础,其他的基本都是根据不同的项目引用不同的包。比如笔者这里使用的是WPF,引用前三个就可以。
这里使用MVVM模式,笔者使用的prism框架,LiveCharts2的内容如下,后台设置数据,前端引用命名控件,添加CartesianCahrt控件并把Series属性绑定到后台的Series属性上。
using LiveChartsCore;
using LiveChartsCore.SkiaSharpView;
namespace WpfSample
{
public class ViewModel
{
public ISeries[] Series { get; set; }
= new ISeries[]
{
new LineSeries<double>
{
Values = new double[] { 2, 1, 3, 5, 3, 4, 6 },
Fill = null
}
};
}
}
<Window x:Class="MyApp"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WPFSample"
xmlns:lvc="clr-namespace:LiveChartsCore.SkiaSharpView.WPF;assembly=LiveChartsCore.SkiaSharpView.WPF">
<Window.DataContext>
<local:ViewModel />
</Window.DataContext>
<lvc:CartesianChart
Series="{Binding Series}">
</lvc:CartesianChart>
</Window>