LightningChart数据可视化图形控件使用篇13-ViewXY·High-lowSeries (高低系列)

193 阅读3分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

High-lowSeries (高低系列)

演示示例: High-Low; Stacked area; Stock course with previous close; Areas /high-lows; Scale breaks

高低系列将数据表示为高值和低值之间的填充区域。通过向HighLowSeries列表内添加HighLowSeries对象可以向图表中添加系列。

//Add high-low series to the chart
chart.ViewXY.HighLowSeries.Add(highlowSeries);

微信截图_20220425144415.png 图:上方带有标记的高低系列。

填充、线和点样式

用Fill属性与其子属性可以设置填充效果。用 LineStyleHigh 和 LineStyleLow 属性可以定义线条样式。如果要让线条不可见,则分别设置LineVisibleHigh = false,以及 LineVisibleLow = false。用PointStyleHigh 和 PointStyleLow 属性可以定义点的样式。如果要让点不显示,则设置 PointsVisibleHigh = false, PointsVisibleLow = false。

具体线和点的样式细节,可以参阅第6.6.1章和 Error! Reference source not found. 章。当数据的高值小于其低值时,对该部分应用反向填充。用ReverseFill属性编辑逆反填充。

微信截图_20220425144520.png 图:第四个数据项逆反显示:高值 < 低值

Limits(界限)

启用 UseLimits后,系列在exceed limit之上和deceed limit之下显示不同的纯色着色。接着,普通Fill 和 ReverseFill只作用于界限之间的范围。

微信截图_20220425144604.png 图:UseLimits = true, ExceedLimit = 48000 and DeceedLimit = 28000.

通过值域调色板着色

开启 UsePalette后,填充采用 ValueRangePalette 分阶完成,也支持 Uniform 和 Gradient 着色。

微信截图_20220425144652.png 图:UsePalette = True,在 ValueRangePalette中定义几个色阶。采用统一(Uniform)着色

添加数据

数据值必须在代码中进行添加。数据必须按X值的升序给出,Points[i+1].X ≥ Points[i].X。

使用 AddValues(HighLowSeriesPoint[], bool invalidate)方法将数据值添加到现有值数组的末端。

HighLowSeriesPoint[]dataArray = new HighLowSeriesPoint[6];
dataArray [0] = new HighLowSeriesPoint(2004, 37000, 22000);
dataArray [1] = new HighLowSeriesPoint(2005, 35000, 27000);
dataArray [2] = new HighLowSeriesPoint(2006, 47000, 25000);
dataArray [3] = new HighLowSeriesPoint(2007, 37000, 49000);
dataArray [4] = new HighLowSeriesPoint(2008, 40000, 50000);
dataArray [5] = new HighLowSeriesPoint(2009, 56000, 56000);

//在末端添加数据
chart.ViewXY.HighLowSeries[0].AddValues(dataArray, true);

要在覆盖旧数据的同时一次性设置全部系列数据,可以直接分配新数据数组:

//将数据分配到点数组中
chart.ViewXY.HighLowSeries[0].Points = dataArray;

关于LightningChart数据可视化图形控件使用篇12-ViewXY·High-LowSeries高低系列章节就分享到这里了。

如果在实际应用中遇到技术问题或需要帮助,可以添加下方微信号联系官方技术支持。

微信号:lightningchart_china

如果您想进一步使用LightningChart数据可视化图形控件,请添加后回复“学习”可免费领取一套全功能版LightningChart数据可视化控件。

后续我会不断更新LightingChart更详细的使用方法,写文不易,还望多多回复关注支持!谢谢!

最新版V10 LightningChart下载地址:猛击下载