liveChart.wpf 实现横向柱状图
时间: 2024-09-12 17:10:39 浏览: 84
LiveChart.wpf Chart图表保存Image图片
liveCharts.WPF是一个用于.NET平台的图表库,它可以用来在WPF应用程序中快速创建各种图表,包括柱状图、线形图、饼图等。要实现横向柱状图,你可以使用liveCharts库提供的`ColumnSeries`或者`StackedColumnSeries`类。
下面是一个简单的横向柱状图实现的示例代码:
```xml
<Window x:Class="WpfApplication1.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="350" Width="525">
<Grid>
<lvc:CartesianChart>
<lvc:CartesianChart.Series>
<lvc:ColumnSeries Values="{Binding ChartValues}" />
</lvc:CartesianChart.Series>
</lvc:CartesianChart>
</Grid>
</Window>
```
```csharp
using LiveCharts;
using System.Collections.ObjectModel;
using System.Windows;
namespace WpfApplication1
{
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
// 定义柱状图的数据源
var values = new ObservableCollection<double> { 4, 2, 6, 3 };
// 绑定数据源
DataContext = this;
ChartValues = values;
}
// 数据源属性
public ObservableCollection<double> ChartValues { get; set; }
}
}
```
在这个例子中,首先在XAML文件中引入了`liveCharts.Wpf`的命名空间,并在`Window`的`Grid`中定义了一个`CartesianChart`(笛卡尔坐标系图表)。接着,在这个图表中添加了一个`ColumnSeries`(柱状图系列),并将`ChartValues`作为这个系列的`Values`属性绑定。
在C#代码中,首先定义了一个包含数据的`ObservableCollection<double>`类型的`ChartValues`,并在构造函数中将它绑定到`DataContext`。这样,当`ChartValues`的数据变化时,图表会自动更新显示。
阅读全文