182 2056 1552
新闻banner图
新闻资讯
tellhow news

Redash中文版:低代码平台之3D+BI开发

发布日期:2021-09-24 发布人: 

3D必将成为继dos字符界面和windows gui界面后又一代软件交互界面,3D的开发目前阶段还是相对复杂,需要代码形式的配置才能使用。

Redash中文商业版在设计之初就把低代码作为最重要的特征,除了BI需要的图表库ECharts和Plotly.js外,更是引入了三维Three.js沙盒运行环境,以沙盒代码的形式即可开发3D+BI应用。

下面以Redash官网在线实例“3D园区”为例

https://portal.dazdata.com/default/public/dashboards/bDBcejadCbiWL2NnepT5O5p08hgJ2PX1L6MufwZC?show_portal

来看3D+BI开发过程:

微信图片_20210924090832.jpg

3D+BI的开发主要分为四个步骤:

1、准备好3D模型文件(three.js支持几乎全部类型的3D文件格式);并提前在Redash里开发好需要链接的报表,这些将调用的报表支持传入参数;

2、在沙盒环境里导入并加载3D模型;

3、在沙盒代码里标注计算捕获需要点击链接的对象;这个实现有两种方法:f方法一是为为3D对象模型注册onclick或double_click事件;方法二是通过鼠标点击事件位置参数演算模型对象,在目标模型对象空间范围内则为有效事件。参考网文“threejs点击事件”:

https://blog.csdn.net/weixin_43222954/article/details/100540086

4、事件响应代码调用浮窗,链接指定报表即;可以指定浮窗位置和大小;

 

Redash低代码平台化繁为简,链接3D和BI,发挥3D和BI的各自应用场景的优势。