C# WPF LiveCharts LineSeries 实现展示 并进行下载
LiveCharts 是一款基于 WPF 的数据可视化库,它支持多种图表类型的展示,包括线图、柱状图、饼图等。在本文中,我们将介绍如何使用 LiveCharts 的 LineSeries 类型来展示数据,并提供下载代码。
首先,我们需要在项目中引入 LiveCharts 库。可以通过 NuGet 包管理器搜索安装,或者手动下载并添加到项目中。
接下来,我们需要定义一个 LineSeries 类型的控件,用于展示数据。例如:
<lvc:CartesianChart>
<lvc:CartesianChart.Series>
<lvc:LineSeries Title="数据" Values="{Binding Data}" />
</lvc:CartesianChart.Series>
</lvc:CartesianChart>
其中,CartesianChart 是 LiveCharts 中的一个控件,用于展示坐标系;LineSeries 是展示线图的类型;Title 是线图的标题;Values 是展示的数据,需要绑定到 ViewModel 中的 Data 属性。
接下来,我们需要在 ViewModel 中定义数据。例如:
public SeriesCollection Data { get; set; }
public MainViewModel()
{
Data = new SeriesCollection
{
new LineSeries
{
Title = "数据",
Values = new ChartValues<double> { 3, 5, 7, 4, 6 }
}
};
}
其中,SeriesCollection 类型用于定义展示的数据集合;LineSeries 类型用于定义每个线图的数据;ChartValues 类型用于定义每个线图的数值。在这个例子中,我们定义了一个 LineSeries 类型的数据,标题为“数据”,数值为 3、5、7、4、6。
最后,我们需要在 MainWindow 中绑定 ViewModel,启动应用程序即可展示线图。完整代码如下:
MainWindow.xaml:
<Window x:Class="WpfApp1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
Title="MainWindow" Height="450" Width="800">
<Grid>
<lvc:CartesianChart>
<lvc:CartesianChart.Series>
<lvc:LineSeries Title="数据" Values="{Binding Data}" />
</lvc:CartesianChart.Series>
</lvc:CartesianChart>
</Grid>
</Window>
MainWindow.xaml.cs:
using LiveCharts;
using LiveCharts.Wpf;
namespace WpfApp1
{
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
DataContext = new MainViewModel();
}
}
}
public class MainViewModel
{
public SeriesCollection Data { get; set; }
public MainViewModel()
{
Data = new SeriesCollection
{
new LineSeries
{
Title = "数据",
Values = new ChartValues<double> { 3, 5, 7, 4, 6 }
}
};
}
}
最后,我们提供完整项目代码的下载链接:https://github.com/Live-Charts/Live-Charts/tree/develop/Examples/Wpf/LineChart
原文地址: https://www.cveoy.top/t/topic/hwmf 著作权归作者所有。请勿转载和采集!