datart 开源数据可视化应用 | 手把手教你开发出优秀的图表插件

如何帮助小伙伴们用 datart 开源数据可视化应用开发出图表插件作品，datart 前端小田同学，可谓是“煞费苦心”。

亲身示范

精准拆解

每个步骤简单清晰明了

就算你是新手

照样可以开发出优秀的图表插件作品

datart可以自定义图表插件，新的功能这就给你们奉上，必须满足小伙伴们的好奇心。

首先，如果你是 datart 初学者

第一步，去“膜拜”大佬写的文档

datart 文档链接：datart (running-elephant.github.io)

我先把主要内容列出来

1. 制作图表插件有两种方式：

   一、直接在项目原有图表基础上开发；

   二、配置可插拔的js文件来完成开发。

   在此简单说一下这两种方式

第一种：在项目原有图表基础上开发

只需要会一些基本的es6语法，

即可完成开发

如果使用echarts之外的第三方插件库

需要自行下载安装

第二种：配置可插拔的js文件

插件式就简单多了

只要你会js基本语法就能开发

但是需要准备第三方库的引入地址

如下图：

详情参考文档：

https://running-elephant.github.io/datart-docs/docs/chart_plugin.html#3-%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9B%BE%E8%A1%A8%E7%A4%BA%E4%BE%8B

2. 最基本的自定义图表的组成

3. 插件式的示例和配置项里面的详细内容

更多详情请查看datart官方文档

地址：https://running-elephant.github.io/datart-docs/docs/chart_plugin.html

话不多说，接下来我们开始制作图表

以Echarts 为例：先选择一个我们想制作的