当前位置: 首页 > Web前端 > HTML5

教你用四步快速将图表融入场景

时间:2023-04-05 00:30:09 HTML5

科学研究证明,人类获取信息的方式80%依赖于视觉。现在地图可视化和三维物理结构可视化已经在各个领域得到很好的应用。但是,随着信息量越来越大,图表的结构也必然会越来越复杂,更科学、更简单的可视化工具也将变得越来越重要。你能在ThingJS中添加图表吗?如何在ThingJS中添加图表?ThingJS中如何使用ChartBuilder工具快速制作图表?可以用ThingJS搭建场景和添加图表吗?下面将教大家使用ThingJS工具组件之一的ChartBuilder,分四步快速将图表功能集成到3D可视化场景中。第一步:选择组件在数字孪生可视化场景中选择合适的图形组件来表达业务指标数据。首先你要打开自己的工程,必须有一个工程是打开的,选择你要添加的图表,双击导入。第二步:风格调整调整画布和组件的风格,添加图层作为背景。组件样式调整,调整第一个环图是否显示图例,是否显示标签,显示位置,字体大小,显示格式,环半径,调整第二个环图色系,调整第二个环图依次调整雷达图的视线颜色、标签颜色、图形样式,文本标签左对齐。Step3:动画编排系统提供可视化动画编排中心,可以在可视化页面完成轮播动画、数据驱动动画等功能。排列动画,最后隐藏动画排列组件。第四步:对接数据对接数据分为线上和线下,线上不需要数据连接。场景编辑完成后,下载离线包,在生产环境中运行,即可访问生产数据。编辑完成后点击保存,返回项目,点击刷新,右击出现的.cht文件,点击编辑图表再次编辑,点击预览可以查看编辑后的结果。ChartBuilder直接简化了图表的使用步骤,让更多人通过可视化发现数据的价值,帮助非专业工程师通过图形化界面轻松搭建专业级可视化场景。只需要四个简单的步骤,现在项目中添加了一个图表,是不是很方便?也可以试试~