前端图表插件

ECharts

ECharts 由百度前端技术部开发的，是一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11、Chrome、Firefox、Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。

• 官网主页：Apache ECharts
• 官方文档：快速上手 - 使用手册 - Apache ECharts
• 仓库源码：GitHub仓库

Chart.js

Chart.js 是一个简单、面向对象、为设计者和开发者准备的 Javascript 图表绘制工具库，基于 HTML5 canvas 技术，支持所有现代浏览器，并且针对 IE7/8 提供了降级替代方案。

Chart.js 不依赖任何外部工具库，轻量级（压缩之后仅有4.5k），并且提供了加载外部参数的方法。能用多种不同的方式让数据变得可视化。

• 官网主页：Chart.js
• 官方文档：Chart.js | Docs
• 仓库源码：GitHub仓库

D3.js

作为一个开源项目，D3.js 无疑带来了许多强大功能。动态属性、Enter 和 Exit、强大的转换以及对 jQuery 的语法熟悉等特性使其成为用于图表的最佳 JavaScript 库之一。 D3.js 中的图表通过 HTML、SVG 、 CSS 呈现。

• 官网主页：D3 by Observable
• 官方文档：Getting started
• 仓库源码：GitHub仓库

Plotly.js

Plotly.js 是第一个用于 Web 的科学 JavaScript 图表库。它自 2015 年以来一直是开源的，这意味着任何人都可以免费使用它。 Plotly.js 支持 20 种图表类型，包括 SVG 地图、3D 图表和统计图，它建立在 D3.js 和 stack.gl 之上。

• 官网主页：plot.ly
• 官方文档：plot.ly|DOCS
• 仓库源码：GitHub仓库

Chartist.js

Chartist.js 提供了漂亮的响应式图表。就像 ChartJS 一样，Chartist.js 是一个对使用高价 JavaScript 图表库感到沮丧的社区的产物。它使用 SVG 来呈现图表。它可以通过 CSS3 媒体查询和 Sass 进行控制和定制。另外，Chartist.js 提供了很酷的动画，这些动画只能在现代浏览器中使用。

• 官网主页：Chartist - Simple responsive charts
• 官方文档：Chartist - API Documentation)
• 仓库源码：GitHub仓库

Vue-echarts

Vue-ECharts是一个为Apache ECharts™设计的Vue.js组件，它允许开发者在Vue应用中方便地集成和使用ECharts图表。Vue-ECharts支持Apache ECharts 5，并且兼容Vue.js 2和3版本。

• 官网主页：Vue-ECharts: Vue.js component for Apache ECharts™.
• 官方文档：vue-echart
• 仓库源码：GitHub仓库