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

概述

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也具备无限可能
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 原文地址:https://mp.weixin.qq.com/s/bGmxT8eFOgS5JVAakgilJA am...
    R_X阅读 4,402评论 0 2
  • 偶然发现,用过一些,分享给大家 { "XcodeChaJian": [ { "Dname":"...
    MonkeyHan阅读 6,985评论 0 4
  • 16宿命:用概率思维提高你的胜算 以前的我是风险厌恶者,不喜欢去冒险,但是人生放弃了冒险,也就放弃了无数的可能。 ...
    yichen大刀阅读 7,005评论 0 4
  • 公元:2019年11月28日19时42分农历:二零一九年 十一月 初三日 戌时干支:己亥乙亥己巳甲戌当月节气:立冬...
    石放阅读 7,236评论 0 2
  • 昨天考过了阿里规范,心里舒坦了好多,敲代码也犹如神助。早早完成工作回家喽
    常亚星阅读 3,161评论 0 1

友情链接更多精彩内容