echarts4-demo

简洁的 echarts 案例

前述

毋庸置疑的是，echarts 是强大的，但是强大往往伴随着复杂，echarts 的配置文档就证明了这一点。

复杂的配置文档往往令新手望而却步，所以码者和大部分同仁一样，最开始使用 echarts 时，不是去看配置文档，而是先在官方案例里找到类似的图形，然后修修改改，复制粘贴。虽然草草了事，没什么营养，但是确以较高的效率完成了工作。

但是这样做的缺点是很明显的

• 首先是官方案例的缺点
• • 有的官方案例并不是复制粘贴就跑得通的
• • 官方案例的确不乏优秀的参考案例，同时也充斥着不那么好看的代码，有些是老版本的，有些是无用的，有些是错的
• • 案例中有大量控制样式的代码，导致一个简单的图形的代码量剧增，对使用者来说，往往造成“特别复杂”的假象
• 其次是参考案例这个行为的缺点
• • 首先，参考优秀的案例是学习的必经之路，但是太多同仁把参考当作学习的终点
• • 参考是为了学习别人的使用过程，进而熟悉庞大的 echarts 的特性，进而熟练使用
• • 当对图形有特殊要求时，很难找到类似的 demo 来参考
• • 有时候，改案例中的代码所使用的时间已经接近探索文档的时间

此仓库记录码者使用 echarts4 的案例，尽量做到：

• 跑得通、格式规范、有注释
• 无老版本代码，因为码者没用过老版本
• 画图逻辑和样式逻辑分开，样式逻辑单独配相应的案例
• 图形类型多

点击这里开始探索

本地测试

git clone https://github.com/daGaiGuanYu/echarts4-demo.git
cd echarts4-demo
npm install
npm run dev