WPF livechart 折线图 的使用

Posted 2021-06-25 付出与汲取

其中曲线部分参数：

• Values：绑定C#代码中的实际数据值 。
• PointGeometry：数据点的外观。{x:Null}即不标出，只显示曲线。{x:Static lvc:DefaultGeometries.Circle} 则将数据点用圆形标出。形状有 Circle、Cross、Diamond、Square、Triangle可选。
• PointGeometrySize：数据点形状的大小。
• LineSmoothness：曲线是否圆滑。如为 1则圆滑曲线，为 0则不圆滑，为折线。
• StrokeThickness：曲线粗细程度，越大越粗。
• Stroke：曲线颜色。
• Fill：曲线下方填充颜色。Transparent透明，即不填充。
• ScalesYAt：曲线对应Y坐标轴，序号从 0开始，默认 0。

坐标轴参数：

• Title：坐标轴名称。
• Foreground：名称和刻度的颜色。
• Position：坐标轴位置。
• MaxValue：最大值，不写则会根据数据自动变化。
• MinValue：最小值，同上。
• Separator：网格线，IsEnabled决定是否显示，Step为网格一格的大小，不写则自动。
• Labels：标签。
• LabelFormatter：标签格式，如把数值格式化为时间，详见官网教程。

使用：

绑定坐标类：

var mapper = Mappers.Xy<PointViewModel>().X(p => p.X).Y(p=>p.Y);
Charting.For<PointViewModel>(mapper);

实例化Series:LineSeries ForceValueSeries1 = new LineSeries();

ChartValues<PointViewModel> cv = new ChartValues<PointViewModel>();
ForceValueSeries1.Values = cv;

将series添加到指定的chart中

chart_T_F.Series.Add(ForceValueSeries1);

//动态添加坐标

ForceValueSeries1.Values.Add(new PointViewModel { X = x, Y = y });