Redash中文版:低代碼平臺之3D+BI開發(fā)(red的代碼)
3D必將成為繼dos字符界面和windows gui界面后又一代軟件交互界面,3D的開發(fā)目前階段還是相對復(fù)雜,需要代碼形式的配置才能使用。
Redash中文商業(yè)版在設(shè)計(jì)之初就把低代碼作為最重要的特征,除了BI需要的圖表庫ECharts和Plotly.js外,更是引入了三維Three.js沙盒運(yùn)行環(huán)境,以沙盒代碼的形式即可開發(fā)3D BI應(yīng)用。
下面以Redash官網(wǎng)在線實(shí)例“3D園區(qū)”為例
https://portal.dazdata.com/default/public/dashboards/bDBcejadCbiWL2NnepT5O5p08hgJ2PX1L6MufwZC?show_portal
來看3D BI開發(fā)過程:
3D BI的開發(fā)主要分為四個(gè)步驟:
1、準(zhǔn)備好3D模型文件(three.js支持幾乎全部類型的3D文件格式);并提前在Redash里開發(fā)好需要鏈接的報(bào)表,這些將調(diào)用的報(bào)表支持傳入?yún)?shù);
2、在沙盒環(huán)境里導(dǎo)入并加載3D模型;
3、在沙盒代碼里標(biāo)注計(jì)算捕獲需要點(diǎn)擊鏈接的對象;這個(gè)實(shí)現(xiàn)有兩種方法:f方法一是為為3D對象模型注冊onclick或double_click事件;方法二是通過鼠標(biāo)點(diǎn)擊事件位置參數(shù)演算模型對象,在目標(biāo)模型對象空間范圍內(nèi)則為有效事件。參考網(wǎng)文“threejs點(diǎn)擊事件”:
https://blog.csdn.net/weixin_43222954/article/details/100540086
4、事件響應(yīng)代碼調(diào)用浮窗,鏈接指定報(bào)表即;可以指定浮窗位置和大??;
Redash低代碼平臺化繁為簡,鏈接3D和BI,發(fā)揮3D和BI的各自應(yīng)用場景的優(yōu)勢。