datart系列01:图表插件开发作品大赛

2022-03-26  本文已影响0人  diss带码

概述

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来说就是很好一次微创新:

上一篇 下一篇

猜你喜欢

热点阅读