嵌入帆软报表的3D模型数据可视化展示!展示效果和交互性效果有所提高。
基本原理是利用Javascript和Three.js库实现3D模型的Web端展示,包括模型的自动旋转展示、模型部件分离、模型“爆炸”、模型部件属性更改等,再将相应的Html文件通过网页框的方式嵌入帆软报表,最后将嵌入的Html文件作为子页面,完成和父页面也就是帆软报表的通讯,达到点击相应的模型部件,报表中的图表信息进行相应显示和隐藏的效果。效果如下图所示,感兴趣可以看看。
报表整体页面
模型“爆炸”
模型部件选取
部件属性更改,例如颜色