什么是ECharts？
ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。
简单来说，他就是一个自动画图工具，它包含了许多丰富功能的图表，只需要传入相对应的函数，就可以从数据映射到任何你想要的图形，并且还可以和已有的交互组件结合使用
echarts
最近做的一些项目中碰到了echarts图表，就想着整理一下，废话不多说。看正文
首先第一步，需要获取这个echarts图表
可以通过一下几种方式获取
1.官网下载页面获取
2.在 ECharts 的 GitHub 获取。
3.通过 npm 获取 echarts，npm install echarts --save，
4.通过 jsDelivr 等 CDN 引入
如果是html文件请点击这里下载js文件，
第一步选择在线定制
第二步选择你所需要的图表坐标等等
第三步选则下载
然后就会出现一个这样的
等building完以后会出现一个ok，并且下载改文件
第二步引入echarts
第一种方式，html页面引入
vue中首先需要使用 npm install echarts --save 该命令安装ECharts，然后再引入（如果不想写可以直接引用点击这里）
vue中的按需引入
在vue中全局引入的话
var echarts = require('echarts');
第三步使用
在html中使用复制即用，点击这里
完成的样式
具体代码
在vue中使用可以使用v-bind绑定，
<template>
<div :data='option' ></div>
</template>
<script>
export default {
data() {
return{
option: {
//中间为需要的组(如上图)
}
},
},
},
</script>
