echarts 第三方实例

一.前言。

众所周知，在现今的开发大环境下，数据可视化（大屏化）项目在前端开发中的比重越来越大。而其中使用率最高的插件无疑就是 Apache Echarts。（ps: 以下简称为echarts）。本文就结合vue框架来讲解如何快速、高效、优雅地在项目中使用echarts。当然，本文篇幅也会为读者精心准备目前网络上最全面、最高效的echarts案例资源站集合。

二. 全网最全的echarts图表案例和实例资源站整理。

1. 资源一：http://chart.majh.top（推荐指数：⭐⭐⭐⭐）*

• 优点：案例资源丰富，有主体分类，可检索，访问速度较快。

• 缺点：未做分页。

2. 资源二：https://www.isqqw.com/homepage#/homepage（推荐指数：⭐⭐⭐⭐）*

• 优点：案例资源丰富，可检索，有主体分类。

• 缺点：未做分页，访问速度较慢。

3. 资源三：http://ppchart.com/#/（推荐指数：⭐⭐⭐⭐⭐）*

• 优点：案例资源丰富，有主体分类且分类较细，有分页，可检索，访问速度较快。

• 缺点：暂无。

4. 资源四：https://www.makeapie.cn/echarts（推荐指数：⭐⭐⭐）*

• 优点：案例资源丰富，有主体分类且分类较细，有分页，可检索，提供登录和社区。

• 缺点：访问速度慢，有广告。

5. 资源五：https://madeapie.com/#/（推荐指数：⭐⭐⭐⭐）*

• 优点：案例资源丰富，可检索，有主体分类。

• 缺点：访问速度较慢，未做分页。

6. 资源六：http://echarts.zhangmuchen.top/#/index（推荐指数：⭐⭐⭐⭐）*

• 优点：案例资源丰富，可检索，有主体分类。

• 缺点：详情图例加载慢，图例加载不出。

7. 资源七：https://echarts.apache.org/examples/zh/index.html（推荐指数：⭐⭐⭐⭐⭐）*

• 优点：官方案例，资源稳定，主体分类多，可调节模式，可直接查看对应案例的配置项。

• 缺点：案例资源较少，未做分页，未提供检索。

8. 资源八：http://192.144.199.210/forum-2-1.html（推荐指数：⭐⭐）*

• 优点：案例资源丰富，有主体分类。

• 缺点：访问速度一般，未能开箱即用，排版较差，适用性较差等。

9. 资源九：[仿ECharts] （推荐指数：⭐⭐⭐）

• 优点：资源较稳定，图标效果加载速度较快。

• 缺点：案例资源较少，未做分页，未提供检索等。

10. 资源十：http://analysis.datains.cn/finance-admin/index.html#/chartLib/all（推荐指数：⭐⭐）*

• 优点：案例资源较丰富。

• 缺点：访问速度慢，未做主体分类，未提供检索等。

11. 资源十一：https://www.aliyundrive.com/s/hH9wXex8jYa（推荐指数：⭐⭐⭐⭐⭐）*

• 优点：提供原ECharts官方社区Make A Pie网站的所有案例源码及其对应的图例，可供查阅与开发成共享资源社区或网站。

• 缺点：未实现开箱即用。

• 说明：提取码：6l3t。

12. 资源十二：https://pan.baidu.com/s/1z73BAufIo0aV5_ZGQ66xmg（推荐指数：⭐⭐⭐⭐⭐）*

• 优点：提供原ECharts官方社区Make A Pie网站的所有案例源码及其对应的图例，可供查阅与开发成共享资源社区或网站。

• 缺点：未实现开箱即用。