1. 如果你是一位使用者
- 从
dist文件夹中拷贝出你所需要的插件图表，如datart-amap.iife.js这个给予高德地图的插件图表 - 将拷贝出的插件图表粘贴到你的datart服务端的
custom-chart-plugins目录下 - 登陆 datart 系统，然后选择你所导入的插件图表
2. 如果你是一位开发者
当前的仓库提供了基于命令行的工具，提升开发效率。
2.1. 制作 IIFE 类型的插件图表 （推荐）
立即调用函数表达式（英文：immediately-invoked function expression，缩写：IIFE）[1]，是一种利用JavaScript函数生成新作用域的编程方法。
- 创建一个以
datart-开头的文件夹，如datart-hello-world文件夹 - 创建一个 Javascript or Typescript 文件
- 导出一个包含 datart 生命周期的函数对象，生命周期[^2]例如
onMount、onUpdated等. - 运行
npm run build命令，并且查看dist文件夹新生成的datart-hello-world.iife.js文件
注意：插件图表文件夹的名称必须以datart-开头，这样当运行build命令时可自动打包文件
2.2. 制作 React 类型的插件图表
请查看plugins文件夹📁下面的图表示例
插件图表仓库地址请访问：这里
3. 更多文章链接
- Plugin Chart Helper API document: https://datart-docs.dhyi.top/datart-docs/api/
- How to Make a Plugin Chart: https://datart-docs.dhyi.top/datart-docs/docs/chart_plugin.html
- How to Make Chart Config: https://juejin.cn/post/7040683275446124574
- Vue 跑马灯插件示例: https://mp.weixin.qq.com/s/a4DVf-5LHVQAknmKKE6DJA
- JQuery 图表插件：https://mp.weixin.qq.com/s/9hBNSla86Fzouy0WdXqSQQ
- 手把手教你开发出优秀的图表插件作品： https://mp.weixin.qq.com/s/nYMAaiT97NPkm71FpW8LSw