概述
2022年的第一篇旁蔼,雖是春暖花開锨苏,還是宅在家開碼。借著datart圖表插件開發(fā)作品大賽棺聊,給開了個頭伞租,datart的頭,寫作的頭限佩,但愿后續(xù)多寫葵诈,今年估計的寫的方向也會比較分散。
這一篇就當(dāng)是參加圖表插件開發(fā)作品大賽的一次開篇總結(jié)祟同,也算是預(yù)熱作喘,這次采用datart自定義插件的形式,全部用自定義插件的方式晕城,不改動源代碼泞坦,不管怎么說,datart自定義插件發(fā)現(xiàn)越用越絲滑砖顷,很看好這一特性暇矫。后續(xù)再寫datart源碼及二次開發(fā)主之。
作品:
作品1:海洋魚館(動畫)
這個作品算是魔改,但確實有著特殊的應(yīng)用場景
這個在Davinci的時候做過擴展李根,這次全新的素材
造了魚館的輪子來適配datart的插件,后期我們再展開思路講實現(xiàn)几睛,并開源出來(包括素材)
作品2:地圖(echarts)
這個也在Davinci擴展了房轿,這次也是做了集成,場景沒什么好說的所森,直接看效果囱持,這個本來也想套一層封裝,發(fā)現(xiàn)有點問題焕济,直接用原生js做的集成
作品3:智能倉庫(threejs)
智能數(shù)字化車間纷妆,3D車間模型等等,這種3D場景化很多人都追求晴弃,甚至是偏執(zhí)掩幢。查了資料,看了Threejs官網(wǎng)所有的demo上鞠,逛了社區(qū)际邻,確實沒找到高大上且合適的場景化模型。就從網(wǎng)上找了個智能倉庫的場景做了集成芍阎,個人理解這種3D場景就是先做場景化的模型(這種模型確實需要專業(yè)人來做世曾,上手有門檻),在場景位置上展示數(shù)據(jù)或者圖表谴咸。這個也是造了適配datart的輪子轮听,算是個demo,半成品吧岭佳,后期展開講血巍,也開源出來,有專業(yè)水平的可以做模型然后集成到datart驼唱。
作品4:手繪風(fēng)格(D3)
這個效果沒做成功藻茂,在Davinci的時候因為受限于echarts就沒有做,這次可以擴展D3玫恳,本以為這個應(yīng)該是最簡單辨赐,確沒有成功,初步判斷應(yīng)該是iframe嵌套導(dǎo)致濾鏡不成功京办,沒找到合適的方案掀序。不過除了濾鏡D3其它的效果集成還是沒有任何問題的,后續(xù)再研究惭婿。
總結(jié):
總結(jié)一下datart自定義插件不恭,對于前端來說可能算不上新技術(shù)叶雹,但是對于BI來說就是很好一次微創(chuàng)新:
- 特殊化定制,滿足個性化需求
- 上手容易换吧,官方這塊文檔很詳細
- 擴展靈活折晦,很絲滑
- 像D3這種靈活性很高的,本是就具備無限可能沾瓦,所以datart也具備無限可能