本文已参与「新人创作礼」活动,一起开启掘金创作之路。
WaterfallSeries3D (瀑布式系列3D视图)
演示示例: Waterfall 3D 采用WaterfallSeries3D,数据以带形区域实现可视化。还可以像SurfaceGridSeries3D一样对该区域填充,绘制线框与轮廓线,可参阅第7.10章节。在Y维度中,这种区域从BaseLevel属性值开始。节点数据可以像在SurfaceMeshSeries3D中一样设置,参阅第Error! Reference source not found.章节。
图:两个瀑布式(waterfall)系列。在左侧紫罗兰色系列,X与Z呈直角坐标型式;BaseLevel = 10. 右侧红绿蓝系列,X和Z值呈弯曲变化,每一行被放置在不同的水平位置。
在展现传统的3D频谱图时,WaterfallSeries3D 特别方便。
图:用Waterfall 系列展现传统的频谱图
BarSeries3D
演示示例: Horizontal bars; Bars, grouping; Bars, manhattan BarSeries3D 可以以3D视图实现柱状形数据可视化。
柱状分组
在View3D的BarViewOptions属性中,可以利用许多不同选项对柱状系列进行分组。用BarViewOptions.ViewGrouping 可控制如何在3D视图中对柱状进行分组。
图:BarViewOptions.ViewGrouping = GroupedIndexedFitWidth.根据柱状索引对其进行分组。布置柱状宽度与各组间距,以更好的适应宽度。
图:BarViewOptions.ViewGrouping = GroupedIndexed. 应用原柱状宽度,布置各组位置以适应图表宽度。
图:BarViewOptions.ViewGrouping = GroupedByXValue. 柱状X值适用.
图:BarViewOptions.ViewGrouping = StackedIndexed. 将所有具有相同索引的柱状进行堆叠。
图:BarViewOptions.ViewGrouping = StackedByXValue. 将所有具有相同X值的柱状进行堆叠。此示例与StackedIndexed的示例看起来是一样的,因为X值和索引是相同的。
图:BarViewOptions.ViewGrouping = StackedStretchedToSum. 将所有具有相同X值的柱状进行堆叠,并拉伸至StackSum;此例中为25。
图:BarViewOptions.ViewGrouping = Manhattan. 第一个系列的值显示得最接近摄像机,最后一个系列显示得最远。柱状的X值控制着柱状在X维度的位置。
柱状样式
用BarSeries3D 的 Shape 属性可控制柱状的形状。另外,对于某些形状,可以使用CornerPercentage来改变角的圆滑度,用DetailLevel改变视觉特性。
图:柱状形状: Simple、Cylinder 和RoundedCylinder.
图:柱状形状: Cone、 ReversedCone 和Pyramid.
图:柱状形状: ReversedPyramid、 Ellipsoid 和Beveled.
设置柱状系列数据
柱状系列数据可添加为BarSeriesValue3D -结构,包含x、y、 z 和text 字段。
// 创建新的值数组
BarSeriesValue3D[] values = new BarSeriesValue3D[3];
values[0] = new BarSeriesValue3D(20, 45, 5, “”);
values[1] = new BarSeriesValue3D(30, 50, 5, “”);
values[2] = new BarSeriesValue3D(40, 35, 5, “”);
// 向系列添加值
chart.View3D.BarSeries3D[0].AddValues(values, false);
水平显示柱状
柱状以Y轴方向绘制。将摄像头旋转90度可垂直显示柱状。
左图. 垂直柱状视图 右图. 水平柱状视图
以下是上文图片中设置垂直柱状视图的代码:
chart.BeginUpdate();
chart.View3D.Dimensions.Y = 100;
chart.View3D.Dimensions.X = 150;
chart.View3D.YAxisPrimary3D.Location = AxisYLocation3D.FrontLeft;
chart.View3D.Camera.RotationX = 0;
chart.View3D.Camera.RotationY = 0;
chart.View3D.Camera.RotationZ = 0;
chart.View3D.Camera.ViewDistance = 170;
chart.EndUpdate();
以下是前文图片设置水平柱状视图的代码:
chart.BeginUpdate();
chart.View3D.Dimensions.Y = 150;
chart.View3D.Dimensions.X = 100;
chart.View3D.YAxisPrimary3D.Location = AxisYLocation3D.FrontRight;
chart.View3D.Camera.RotationX = 0;
chart.View3D.Camera.RotationY = 0;
chart.View3D.Camera.RotationZ = 90;
chart.View3D.Camera.ViewDistance = 170;
chart.EndUpdate();
关于LightningChart数据可视化图形控件使用篇38-3D模型空间中的·WaterfallSeries3D & BarSeries3D章节就分享到这里了。
如果在实际应用中遇到技术问题或需要帮助,可以添加下方微信号联系官方技术支持。
微信号:lightningchart_china
如果您想进一步使用LightningChart数据可视化图形控件,请添加后回复“学习”可免费领取一套全功能版LightningChart数据可视化控件。
后续我会不断更新LightingChart更详细的使用方法,写文不易,还望多多回复关注支持!谢谢!
最新版V10 LightningChart下载地址:猛击下载