我做了一个可视化生成ECharts代码的应用，再也不用去看复杂的文档了...（附项目源码）_根据设计图生成echarts代码

0. 为什么有这个项目

大家好，我是波吉。

也许你跟我一样，经历过这样的场景：

  表单中需要开发一个柱状图，你打开了ECharts的文档，照着 [示例] 抄了下来；

  后来产品说，你这颜色不行，改一下，于是你打开了ECharts的文档，面对海量的属性开始发懵；

  于是你只能到 [示例] 中找哪个示例有写改颜色的配置…这时，一个上午就过去了

  为了能够让大家提效，可视化生成 ECharts 代码的应用诞生！笔者把最经常用到的 ECharts 图表及其常用属性，用可视化操作来代替，满足 日常轻量开发 场景，无需只为改一个柱状颜色而在文档中寻寻觅觅~

在线体验：http://39.103.216.105:13001/#/

项目git：https://gitee.com/Jokerlsss/vue3-ts-echarts-easier（感谢您花两秒钟的时间留下 ❤Star）

1. 示例

1）柱状图

2）折线图

3）饼图

2. 技术栈

Vue3 + TypeScript + ElementPlus

3. 如何运行

项目git地址：https://gitee.com/Jokerlsss/vue3-ts-echarts-easier（感谢您花两秒钟的时间留下 ❤Star）

1. 安装依赖 npm install
2. 运行 npm run dev

4. 笔者的话

• 【项目简单】该项目目前能实现的功能比较简单，就笔者个人而言，柱状、折线、饼图 几乎涵盖了项目开发中的 90%

• 【共同参与】但，既然作为一款希望帮助每个开发者提效的工具，我希望有能力的你 一起参与进来，添加更多图表类型和属性，为更多人服务

• 【保持初心】需要明确的一点是，这款软件不应将不常用的属性或图表添加进来，因为我希望它是一款 上手简单、使用简洁易懂 的软件，如果内容太过于全面，其使用成本不亚于去看 ECharts 官方文档，这是我所不希望的！用 20%的内容解决 80%的场景即可，这不是一本字典，而是趁手的工具

• 【持续反馈】最后，如果你觉得这个 项目有不足之处，请留下宝贵的意见；如果你觉得能帮到你，还请用 两秒钟的时间，留下你的 Star，这将是笔者不断进步的动力，感谢 ❤