【无标题】

qq_55011418

已于 2022-12-03 19:47:38 修改

阅读量266

点赞数

文章标签：前端

于 2022-12-03 19:46:15 首次发布

原文链接：https://blog.csdn.net/lko1314/article/details/124652812

版权

   在开发中难免会用到图表统计，这里引用的是LiveCharts.Wpf。简单易上手，先去工具中的NuGet程序管理包里下载这个，然后在使用的界面当中引用LiveChart.Wpf的类库xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf

  
  
  
  1

在这里插入图片描述
Series：绑定数据，折线图集合
Labels：是否显示 X 或 Y 轴的系数，Labels 就是坐标系数
MinValue：设置图表显示的数据范围，可以不设置，可以靠 Step 和坐标系数的个数决定

折线图的类型是LineSeries，然后设置它的属性
图表显示设置
1.图例的显示位置: LegendLocation=“Top”
2.图表的背景颜色: Background=“#FFEFD5”
3.添加视觉元素: VisualElements

LineSeries样式设置
1.线条显示数值: DataLabels=“True”
2.线条是否弯曲: LineSmoothness=“0” 或 “1”
3.线条的颜色: Stroke=“Red”
4.线条下方颜色: Fill=“Pink”
5.线条的每个点: PointGeometrySize=“20”
6.显示数据字体颜色: Foreground=“Red”
7.数据点的颜色: PointForeground=“#FF6347”
8.线条虚线: StrokeDashArray=“5”

X、Y坐标样式设置
1.是否显示坐标点: ShowLabels=“False”
2.坐标点的旋转角度: LabelsRotation=“45”
3.坐标轴标签: Labels=“A,B,C,D,E,F” //示例
4.自定义显示格式: LabelFormatter
在这里插入图片描述

柱状图的类型是ColumnSeries，和折线图差不多

由于饼状图并没有X、Y轴的概念，所以需要使用饼状图，则是PieChart类型。设定显示数据的格式: LabelPoint //该绑定的是一个Func的委托

[1]: http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference [2]: https://mermaidjs.github.io/ [3]: https://mermaidjs.github.io/ [4]: http://adrai.github.io/flowchart.js/