LiveCharts 后台使用

  • Post author:
  • Post category:其他

基本使用
LiveCharts设计的很容易使用,所有的东西都可以自动的实现更新和动画,库会在它觉得有必要更新的时候进行更新,而并非每次你更改了数据的时候更新,当你添加或删除Series,添加或删除Values
的时候,Chart会自己自动更新。你可以更多关注到你的业务代码上,绘图的事情它会帮你搞定。
开始例子
已经定义了很多可以绘图的类型,你可以在类型和自定义栏目当中找到更多信息。在下面这个例子当
中,我们将会绘制double类型的值。
后台代码
图标类型选择CartesianChart,笛卡尔Chart,也即是我们最常见的横轴和纵轴式样的Chart别忘了using上面提到的命名空间
在这里插入图片描述

是不是很简单?这就是你所需要做的,现在,每次从SeriesCollection中添加或者删除一个Series的话,或者每次从一个Series中添加或删除一个ChartValue的话,Chart都会自动更新它自己。
组件
下面这个图片会让你更加了解LiveCharts,这个图让你了解图标的基本概念,比较重要
在这里插入图片描述

所有的Series都有Stroke和Fill属性.Stroke的意思就是线条,Fill的意思就是填充。
在这里插入图片描述

默认的情况下,如果你不设置Fill和Stroke的话,LiveCharts会使用预先设定好的颜色,根据每个Series在SeriesCollection中的位置来决定颜色不同。你也可以自己自定义,颜色也可以重复,如果需 要重复的话。 下面是设置Series的颜色
在这里插入图片描述

这个是特别设定某个Series的Stroke和Fill
在这里插入图片描述

也可以设定
Series.Visibility(这个属性定义了形状的可见性)
Panel.ZIndex(这个属性定义了重叠的顺序)
Series.StrokeDashArray(定义了Stroke的Dash)
在这里插入图片描述

自定义组件
你也可以在必要的时候定义你自己的tooltips和legends
类型和设置
这一部分非常的重要,涉及到LiveCharts的基本构成单元的介绍,LiveChart可以绘制任何类型,甚至是自定义的类型,且不丢失强类型语言的好处,原理很简单,当你传递一个泛型集合的时候,LiveChart会拉取X和Y值(笛卡尔Chart),你不需要定义每个类型来绘制它。库已经知道怎么绘制double,int,decimal,short,float,long还有其他特别设计的类型,ObservableCollection,ObservablePoint,ScatterPoint,DateTimePoint,HeatPoint,OHLPoint,PolarPoint.所以的这些类型都可以在属性改变的时候通知chart进行更新,下面的例子就使用了这些类型,你也可以自己定义自己需要的类型。
在这里插入图片描述
在这里插入图片描述

你可以注意到,chart总是使用X,Y坐标来绘制(笛卡尔坐标系),但是一个组double,int,long值库也能够绘制是怎么一回事?
很简单,X是这组数组当中的index,Y就是你传递的值。当然,这只是你使用横向序列的时候是这样,如果你使用纵向序列,那么X就是传递的值,Y就是Index。
在这里插入图片描述


版权声明:本文为weixin_47252229原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。