美文网首页
datart系列01:图表插件开发作品大赛

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

作者: diss带码 | 来源:发表于2022-03-26 22:14 被阅读0次

    概述

    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也具备无限可能

    相关文章

      网友评论

          本文标题:datart系列01:图表插件开发作品大赛

          本文链接:https://www.haomeiwen.com/subject/ifhujrtx.html