datart 自定义插件，不改动源代码，让 BI 顺利完成又一次创新

春暖花开，生机勃发，也是大家开码，做作品的好时候。

正值 datart 图表插件开发作品大赛，借用 datart 开源社群里面超级优秀的大佬作品，给大家开个头，打个样，哈哈。

datart 自定义插件作品开的好头，让我们走出疫情、空难的阴霾，给美好的开码生活开个好头。

补充讲一下，datart 是一款数据可视化应用，是国内目前很火的一款开源工具，开源的，即免费。

数据可视化工具 datart 可以使用户能够接收有关运营和业务条件的大量动态信息。数据可视化允许决策者查看多维数据集之间的连接，并通过使用柱状图、条形图、饼状图、百分比图、指标卡、数据变化，单行文本和其他丰富的图形更好的诠释商业数据。

不论用户是不是小白，是的话一样可以，datart 对小白很友好，看完文档，操作下来会感觉很6。想进 datart 开源社群的微信可以加edpstack（微信号）

datart 这款软件的特点

作为一款BI开发和数据展现工具，datart与国内BI工具相比，路线不同，作为开源的可视化工具，模块更清晰，数据开发模式简单便利，图表展现方式更为丰富，管理权限体系强大。

这里着重提一下，datart 的前身是 davinci ，已拥有超千企业用户。datart 是 davinci 工程力的升级版，它每个可能扩展的点都是可插拔化的（source、view、chart、viz等）。

全部用自定义插件的方式，不改动源代码

这一篇是datart 开源社群里的大佬—小包对参加图表插件开发作品大赛的一次开篇总结，也算是预热。他是采用 datart 自定义插件的形式，全部用自定义插件的方式，不改动源代码，他说：“不管怎么说，datart自定义插件，我发现它是越用越丝滑，很看好这一特性。我后续还会再写 datart 源码及二次开发的教程和内容。”

datart 开源社群大牛学员作品展示：

作品1：海洋鱼馆（动画）

这个作品可以说是魔改了，并且它确实有着特殊的应用场景

这个在Davinci的时候做过扩展，采用全新的素材

造了鱼馆的轮子来适配 datart 的插件，后期大牛学员-小包还会再展开思路，来具体讲讲是如何实现，并会把作品和教程开源出来（包括素材）。

https://running-elephant.github.io/datart-docs/docs/

作品2：地图（echarts）

这个也在 Davinci 扩展了，这次也是 datart 上做了集成，场景就不过多描述了，我们直接看效果，这个原本想套一层封装，在做的时候发现有点问题，后来直接用原生js做的集成。

作品3：智能仓库（threejs）

智能数字化车间，3D车间模型等等，这种3D场景化是很多人都在执着追求的。“我查了资料，看了Threejs官网所有的demo，逛了社区，确实没找到高大上且合适的场景化模型。于是，我就从网上找了个智能仓库的场景做了集成，我个人理解，这种3D场景应该是先做场景化的模型（这种模型确实需要专业人来做，上手有门槛），然后在场景位置上展示数据或者图表。这个也是造了适配datart 的轮子，它算是个demo，或者半成品吧，我后期会展开讲，并且会将这个也开源出来，有专业水平的小伙伴，可以做模型，然后集成到 datart。”

 

作品4：手绘风格（D3）

这个效果的作品目前还没完成，这次在 datart 上可以扩展D3，目前还没完成是因为 iframe嵌套问题，导致滤镜不成功，不过除了滤镜D3其它的效果集成还是没有任何问题的，在 datart 开源社群里团队大佬已经给出合理化建议，可以直接改代码，例如useIframe=false这种。

总结：

datart 自定义插件，不改动源代码，让 BI 顺利完成又一次创新

总结一下datart自定义插件，对于前端来说，datart 插件开发可能算不上新技术，但是对于BI来说，自定义插件是非常好的创新，比如：

• 特殊化定制，满足个性化需求
• 上手容易，datart 官方文档很详细，对新手都很友好
• 每个点都是可插拔化，扩展灵活，很丝滑
• 像D3这种灵活性很高的，本是就具备无限可能，所以 datart 也具备无限可能
• 开源社群的环境特别好，技术大牛多，遇到问题提出来就好了

文字素材：diss带码