LiveCharts2 数据可视化库入门指南

农隆龙

于 2024-08-08 07:25:10 发布

阅读量788

点赞数 27

本文链接：https://blog.csdn.net/gitblog_00189/article/details/141008792

版权

LiveCharts2 数据可视化库入门指南

LiveCharts2Simple, flexible, interactive & powerful charts, maps and gauges for .Net, LiveCharts2 can now practically run everywhere Maui, Uno Platform, Blazor-wasm, WPF, WinForms, Xamarin, Avalonia, WinUI, UWP.项目地址:https://gitcode.com/gh_mirrors/li/LiveCharts2

项目介绍

什么是LiveCharts2

LiveCharts2是一款基于.NET的高性能、跨平台数据可视化库，它为开发者提供了丰富多样的图表类型，包括但不限于折线图、柱状图、饼图和散点图等。相较于前一代产品，LiveCharts2进行了全面的升级优化，不仅解决了先前版本的主要设计缺陷，同时还显著提升了图表渲染的灵活性和效率，在保证原有特性的基础上实现了更广泛的平台兼容性。

支持的平台和技术栈

LiveCharts2几乎可无缝集成于各个主流开发环境，具体而言：

移动与桌面平台: Maui, Uno Platform, Avalonia, Etoforms, Xamarin
Web框架: Blazor-wasm
桌面应用程序: WPF, Winforms, WinUI, UWP
框架兼容性: .NET Core, .NET Framework

这一系列的支持意味着无论您是进行Web开发，还是构建跨平台的桌面或移动应用程序，LiveCharts2均能成为您的得力助手。

项目快速启动

为了迅速上手LiveCharts2并将其融入您的项目当中，我们可以通过以下步骤完成初次的探索与集成。

Step 1: NuGet 包的安装

首先，确保您的项目文件处于Visual Studio环境中，然后通过NuGet Package Manager进行LiveCharts相关组件的获取。典型的，您可能需要安装的包有:

LiveCharts.Wpf: 用于WPF项目的图表功能。
LiveCharts.WinForms: 专门面向WinForms的应用场景。
LiveCharts.Blazor: 当项目涉及Blazor时选择此选项。

通过右键点击解决方案资源管理器中的“Manage NuGet Packages...”可以轻松找到并添加这些依赖。

Step 2: 引入命名空间

在您的XAML或代码文件中，需引入LiveCharts相关的命名空间，以便调用对应的图表类或方法。例如：

<UserControl x:Class="YourProjectName.YourControl"
             xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf">
    <lvc:CartesianChart Name="OscChart"/>
</UserControl>

Step 3: 创建基本图表实例

接下来，让我们通过简单的示例代码来演示如何创建一个折线图，这将展示LiveCharts2的基本使用流程。

using System;
using System.Collections.Generic;
using LiveCharts.Configurations;
using LiveCharts.Wpf;

// 确保在程序入口处调用Mapper初始化函数
Mapper.Xy(() =>
{
    ValueSeriesConfig = new Func<IDisposable>(() =>
    {
        return new LineSeries()
        {
            PointGeometrySize = 5,
            StrokeSmoothness = LiveCharts.Wpf.StrokeSmoothness.Auto
        };
    });
});

public partial class YourControl : UserControl
{
    public ObservableCollection<ObservablePoint> Values { get; } = new();

    private void OscChart_Loaded(object sender, RoutedEventArgs e)
    {
        Random r = new();
        Task.Run(() =>
        {
            while (true)
            {
                Dispatcher.Invoke(() =>
                {
                    Values.Add(new ObservablePoint(DateTime.Now.Ticks, r.NextDouble()));
                    if (Values.Count > 100)
                        Values.RemoveAt(0);
                });
                Thread.Sleep(100);
            }
        });
    }
}

这段代码创建了一个动态更新的折线图，其中数据点随时间推移而增加。