概述
2022年的第一篇,虽是春暖花开,还是宅在家开码。借着datart图表插件开发作品大赛,给开了个头,datart的头,写作的头,但愿后续多写,今年估计的写的方向也会比较分散。
这一篇就当是参加图表插件开发作品大赛的一次开篇总结,也算是预热,这次采用datart自定义插件的形式,全部用自定义插件的方式,不改动源代码,不管怎么说,datart自定义插件发现越用越丝滑,很看好这一特性。后续再写datart源码及二次开发。
作品:
作品1:海洋鱼馆(动画)
这个作品算是魔改,但确实有着特殊的应用场景
这个在Davinci的时候做过扩展,这次全新的素材
造了鱼馆的轮子来适配datart的插件,后期我们再展开思路讲实现,并开源出来(包括素材)
yg.jpg作品2:地图(echarts)
这个也在Davinci扩展了,这次也是做了集成,场景没什么好说的,直接看效果,这个本来也想套一层封装,发现有点问题,直接用原生js做的集成
map.jpg
作品3:智能仓库(threejs)
智能数字化车间,3D车间模型等等,这种3D场景化很多人都追求,甚至是偏执。查了资料,看了Threejs官网所有的demo,逛了社区,确实没找到高大上且合适的场景化模型。就从网上找了个智能仓库的场景做了集成,个人理解这种3D场景就是先做场景化的模型(这种模型确实需要专业人来做,上手有门槛),在场景位置上展示数据或者图表。这个也是造了适配datart的轮子,算是个demo,半成品吧,后期展开讲,也开源出来,有专业水平的可以做模型然后集成到datart。
threejs.jpg
作品4:手绘风格(D3)
这个效果没做成功,在Davinci的时候因为受限于echarts就没有做,这次可以扩展D3,本以为这个应该是最简单,确没有成功,初步判断应该是iframe嵌套导致滤镜不成功,没找到合适的方案。不过除了滤镜D3其它的效果集成还是没有任何问题的,后续再研究。
xkcd.jpg
总结:
总结一下datart自定义插件,对于前端来说可能算不上新技术,但是对于BI来说就是很好一次微创新:
- 特殊化定制,满足个性化需求
- 上手容易,官方这块文档很详细
- 扩展灵活,很丝滑
- 像D3这种灵活性很高的,本是就具备无限可能,所以datart也具备无限可能
网友评论