关于javascript:基于WebGL的三维数据可视化大屏开发流-ThingJS

69次阅读

共计 1301 个字符,预计需要花费 4 分钟才能阅读完成。

三维数据大屏可视化零碎蕴含多源数据连贯、生成二维 / 三维视图、构建可视化大屏、大屏性能利用等一体化服务,基于多年可视化我的项目教训,ThingJS 平台得出从数据源上传到可视化大屏利用的残缺流程,供参考。

多源数据连接功能

零碎提供对数据的多种连贯形式,包含:多种数据库数据源连贯、实时数据表和动态文件数据源,具体可查看数据文件列表页。

可视化视图构建性能之图形展示

可视化大屏提供丰盛的二维及三维图形展示, 立体图表是常见的视图元素。界面侧边栏提供包罗万象的可视化视图列表, 蕴含了太阳图、柱状图、饼图、玫瑰图、折线图、雷达图、动态和动态地图、环状图、文本标签云等罕用图形。用户点击可视化视图选项后,零碎会进行视图类型与数据结构匹配。

登录 ThingJS 在线平台,点击上方菜单栏的“图表”图标,由 charterbuilder 提供二维图表模板(行将接入阿里云 dataV 全模板),囊括了关系、柱形、热力求、仪表盘等罕用的可视化监控图形,VIP 用户有更丰盛的款式抉择。

可视化大屏的城市天文数据以 2D/3D 的视角出现,火柴盒一样堆在地图上的三维成果不再吸睛,三维城市模型有更高级的表现形式,形状栩栩如生,连路边的绿化带都清晰可见,这正是 thingjs 的可视化开发业务。

ThingJS 可视化组件反对模型导入、场景搭建和可视化增效,基于 CityBuilder+ThingDepot+3D 源码二次开发轻松实现:

  1. 城市级场景搭建工具 CityBuilder 操作简略,利用可视化组件设置参数和交互动画;
  2. 3D 场景搭建实现后,在线接入 ThingJS 开发平台进行代码调试;
  3. 基于残缺 3D 源码开发更炫酷的成果;
  4. ThingDepot 提供海量甄选 3D 模型,防止反复建模!


ThingJS 外部可视化开发流程

可视化大屏构建性能之模板抉择

构建可视化大屏时提供不同的大屏版式抉择,如 dataV 提供智慧城市、智慧交通、安全监控、商业智能等场景模板,所须要的数据分析维度各具特色,满足各行各业的业务需要。所有基于可视化组件进行操作,单击每个子图,间接操作每类图形的可配置项。

可视化大屏利用性能

可视化大屏应用层包含实时大屏、轮播展现和在线拜访等性能。
利用性能的次要作用是对已构建实现可视化大屏,提供进一步的大屏应用服务,使得零碎不再仅限于对可视化大屏的查看、更新、删除和重命名等治理操作。次要应用服务为:

  1. 实时大屏。零碎采纳订阅发布者模式,设计实时数据字典及订阅者信息管理字典,实现数据可视化视图对实时数据的及时响应,从而实现实时大屏。
  2. 大屏轮播。用户可自定义轮播大屏数目、轮播距离和冀望轮播大屏配置实现后,可实现大屏轮播展现性能。零碎采纳提早加载的设计,升高首屏工夫进步用户体验。
  3. 大屏嵌入。零碎公布生成可拜访的 URL,用户可通过 iframe 标签在其余利用中间接出现,用于在线演示。

某指挥核心的大屏可视化利用
零碎中的构建层位于应用层之下,次要实现可视化大屏的构建性能,其次要作用是通过一系列界面操作,生成残缺好看的可视化大屏!ThingJS 在线平台聚焦于城市大屏可视化利用构建,利用 dataV、Echarts api 接口进行优化配置,开放性强,自在定制本人想要的大屏利用成果!

正文完
 0