开发者论坛

 找回密码
 注册 (请使用非IE浏览器)
查看: 5592|回复: 0

LightningChart数据可视化工具使用篇56-BarSeries3D

[复制链接]

0

精华

10

贡献

2071

赞扬

帖子
141
软币
3968
在线时间
255 小时
注册时间
2021-1-21
发表于 2022-5-19 17:26:21 | 显示全部楼层 |阅读模式
BarSeries3D
演示示例: Horizontal bars; Bars, grouping; Bars, manhattan
BarSeries3D 可以以3D视图实现柱状形数据可视化。

柱状分组
在View3D的BarViewOptions属性中,可以利用许多不同选项对柱状系列进行分组。用BarViewOptions.ViewGrouping 可控制如何在3D视图中对柱状进行分组。
微信截图_20220519165104.png
图:BarViewOptions.ViewGrouping = GroupedIndexedFitWidth.根据柱状索引对其进行分组。布置柱状宽度与各组间距,以更好的适应宽度。
微信截图_20220519165140.png
图:BarViewOptions.ViewGrouping = GroupedIndexed. 应用原柱状宽度,布置各组位置以适应图表宽度。
微信截图_20220519165336.png
图:BarViewOptions.ViewGrouping = GroupedByXValue. 柱状X值适用.
微信截图_20220519165410.png
图:BarViewOptions.ViewGrouping = StackedIndexed. 将所有具有相同索引的柱状进行堆叠。
微信截图_20220519165444.png
图:BarViewOptions.ViewGrouping = StackedByXValue. 将所有具有相同X值的柱状进行堆叠。此示例与StackedIndexed的示例看起来是一样的,因为X值和索引是相同的。
微信截图_20220519165528.png
图:BarViewOptions.ViewGrouping = StackedStretchedToSum. 将所有具有相同X值的柱状进行堆叠,并拉伸至StackSum;此例中为25。
微信截图_20220519165559.png
图:BarViewOptions.ViewGrouping = Manhattan. 第一个系列的值显示得最接近摄像机,最后一个系列显示得最远。柱状的X值控制着柱状在X维度的位置。

柱状样式
用BarSeries3D 的 Shape 属性可控制柱状的形状。另外,对于某些形状,可以使用CornerPercentage来改变角的圆滑度,用DetailLevel改变视觉特性。
微信截图_20220519165728.png
图:柱状形状: Simple、Cylinder 和RoundedCylinder.
微信截图_20220519165814.png
图:柱状形状: Cone、 ReversedCone 和Pyramid.
微信截图_20220519165857.png
图:柱状形状: ReversedPyramid、 Ellipsoid 和Beveled.

设置柱状系列数据
柱状系列数据可添加为BarSeriesValue3D -结构,包含x、y、 z 和text 字段。

[C#] 纯文本查看 复制代码
// 创建新的值数组
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度可垂直显示柱状。
微信截图_20220519170110.png
左图: 垂直柱状视图     右图:水平柱状视图
以下是上文图片中设置垂直柱状视图的代码:
[C#] 纯文本查看 复制代码
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();


以下是前文图片设置水平柱状视图的代码:
[C#] 纯文本查看 复制代码
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数据可视化工具使用篇56-BarSeries3D章节就分享到这里了。

如果在实际应用中遇到技术问题或需要帮助,可以扫描下方微信二维码联系LightningChart官方技术支持。


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

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

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



回复

使用道具 举报

Archiver|手机版|小黑屋|开发者网 ( 苏ICP备08004430号-2 )
版权所有:南京韵文教育信息咨询有限公司

GMT+8, 2024-4-20 16:01

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表