本文主要介绍LiveChart.WPF 中的图表的使用方法 类: 数据绑定, 数据显示样式等。
导入LiveChart.Wpf#
NuGet搜索LiveChart包, 安装LiveChart.Wpf即可。
在 XAML 中导入命名空间
xmlns:lvc=“clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf”
基本框架
lvc:CartesianChart
lvc:CartesianChart.AxisX
lvc:Axis.Separator
lvc:Axis：
MinValue和MaxValue：设置图表显示的数据范围，可以不设置，可以靠 Step 和坐标系数的个数决定
ShowLabels和Labels：是否显示 X 或 Y 轴的系数，Labels 就是坐标系数
LabelsRotation：是坐标轴上系数的旋转角度
Title：坐标轴的标题
lvc:Axis.Separator：
lvc:Separator Step=“”：这个就是设置设置两个坐标系数之间的数据差距
lvc:Separator StrokeDashArray=“”：分割线虚线间隔，一般不设置
lvc:CartesianChart.Series：
DataLabels：是否在坐标上显示具体数据
LabelsPosition：设置DataLabels显示的位置，一般不用写，也不一定有这个属性
Values：数据的集合
柱状图
柱状图的类型是 ColumnSeries
lvc:CartesianChart.AxisX
lvc:Axis.Separator
lvc:CartesianChart.AxisY
lvc:Axis.Separator
lvc:CartesianChart.Series
lvc:ColumnSeries.Fill
折线图
折线图的类型是LineSeries
lvc:CartesianChart.AxisX
lvc:Axis.Separator
lvc:CartesianChart.AxisY
lvc:Axis.Separator
lvc:CartesianChart.Series
lvc:LineSeries.Fill
进度环
进度环的类型是Gauge
lvc:Gauge.GaugeRenderTransform
lvc:Gauge.GaugeActiveFill
InnerRadius：这个是指饼状图中间的圆的半径，0 就是没有
Uses360Mode：是否使用完整的圆，默认是 false ，表示半圆
GaugeBackground：圆环背景颜色
HighFontSize：中间数字大小
From和To：最小值和最大值
RotateTransform：相对于默认情况下的旋转角度
ScaleTransform：大小变换，ScaleX可以为负数，这样旋转方向就会改变，默认顺时针
GaugeActiveFill：填充颜色，可以用渐变色
效果图
饼状图
饼状图的类型是PieChart
lvc:PieChart.Series
效果图
行图的类型是RowSeries，X轴和Y轴的处理方式与柱状图相反
lvc:CartesianChart
lvc:CartesianChart.AxisX
lvc:Axis.Separator
lvc:CartesianChart.AxisY
lvc:Axis.Separator
lvc:CartesianChart.Series
效果图
注意：行图可以生成甘特图，只需要将Values的类型要改成ChartValues，我就懒得写了
柱状堆积图
柱状堆积图的类型是StackedColumnSeries
lvc:CartesianChart
lvc:CartesianChart.AxisX
lvc:Axis.Separator
lvc:CartesianChart.AxisY
lvc:Axis.Separator
lvc:CartesianChart.Series
效果图
