每个人都可以，
拥有SSL证书

把LiveCharts2用在WPF项目里做折线图，用下来不算复杂。这里把基础流程、常犯的错误和优化点理一遍。

装包没什么好说的，NuGet直接搜LiveChartsCore.SkiaSharpView.WPF装上就行。

XAML里先引用命名空间，然后放一个CartesianChart，系列和轴都通过绑定丢给ViewModel。

<Window x:Class="YourNamespace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:lvc="clr-namespace:LiveChartsCore.SkiaSharpView.WPF;assembly=LiveChartsCore.SkiaSharpView.WPF"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <lvc:CartesianChart Name="myChart" Series="{Binding SeriesCollection}" 
                            XAxes="{Binding XAxes}" YAxes="{Binding YAxes}">
        </lvc:CartesianChart>
    </Grid>
</Window>

ViewModel大概长这样，核心就是SeriesCollection、XAxes和YAxes三个属性。这里用ObservableCollection<ISeries>塞折线系列，坐标轴给个Axis数组，设好标签和范围。

using LiveChartsCore;
using LiveChartsCore.SkiaSharpView.WPF;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Windows.Media;

public class ViewModel : INotifyPropertyChanged
{
    private ObservableCollection<ISeries> _seriesCollection;
    public ObservableCollection<ISeries> SeriesCollection
    {
        get => _seriesCollection;
        set
        {
            _seriesCollection = value;
            OnPropertyChanged(nameof(SeriesCollection));
        }
    }

    public Axis[] XAxes { get; set; }
    public Axis[] YAxes { get; set; }

    public ViewModel()
    {
        SeriesCollection = new ObservableCollection<ISeries>
        {
            new LineSeries<double>
            {
                Name = "数据系列1",
                Values = new ObservableCollection<double> { 1, 2, 3, 4, 5 },
                Stroke = new SolidColorPaint(Colors.Blue),
                StrokeThickness = 2,
                Fill = null
            }
        };

        XAxes = new Axis[]
        {
            new Axis
            {
                Name = "X轴",
                Labels = new[] { "A", "B", "C", "D", "E" }
            }
        };

        YAxes = new Axis[]
        {
            new Axis
            {
                Name = "Y轴",
                MinLimit = 0,
                MaxLimit = 6
            }
        };
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

别忘了把窗口的DataContext设成ViewModel实例，直接在code-behind的构造函数里DataContext = new ViewModel();就行。跑起来就能看到折线图。

有几个地方容易绕进去。

XAML命名空间那行，clr-namespace和assembly别拼错，网上有些老教程用的还是旧版命名空间，照着抄可能直接编译不过。ViewModel里SeriesCollection的类型必须是ObservableCollection<ISeries>，如果把别的类型塞进去绑定，不报错但图上什么都没有，排查起来会有点懵。还有，设好DataContext之后，绑定路径要和ViewModel里的公共属性名严格一致，大小写敏感，写岔了界面就是一片空白。

性能这块，如果数据量比较大，LiveCharts2自带数据虚拟化，记得打开。不需要动画的话就关掉，CPU和GPU负载能降一截，尤其在实时刷新的场景下效果明显。

数据如果是从数据库或者远端拉取，异步搞，别直接在UI线程里查询，不然界面卡住是迟早的事。

再说几个顺手能用的功能。动态更新数据可以用定时器或者事件去改Values集合，图表会自动刷新。样式自定义挺直接，Stroke、Fill这些属性改一下SolidColorPaint就行，坐标轴的标签、刻度线也都能调。手势交互那边，把ZoomMode和PanMode属性一开，缩放平移就有了，不用额外写什么逻辑。

基本就这些，留个记录。