5、LiveCharts--简介(一)

前言：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>