什么是ECharts供置？
ECharts肢专，一個(gè)使用 JavaScript 實(shí)現(xiàn)的開源可視化庫(kù)芦鳍，可以流暢的運(yùn)行在 PC 和移動(dòng)設(shè)備上妻枕，兼容當(dāng)前絕大部分瀏覽器（IE8/9/10/11僻族，Chrome，F(xiàn)irefox屡谐，Safari等）述么，底層依賴矢量圖形庫(kù)?ZRender，提供直觀愕掏，交互豐富碉输，可高度個(gè)性化定制的數(shù)據(jù)可視化圖表。
簡(jiǎn)單來(lái)說(shuō)亭珍，他就是一個(gè)自動(dòng)畫圖工具敷钾，它包含了許多豐富功能的圖表，只需要傳入相對(duì)應(yīng)的函數(shù)肄梨，就可以從數(shù)據(jù)映射到任何你想要的圖形阻荒，并且還可以和已有的交互組件結(jié)合使用
echarts
最近做的一些項(xiàng)目中碰到了echarts圖表，就想著整理一下众羡，廢話不多說(shuō)侨赡。看正文
首先第一步，需要獲取這個(gè)echarts圖表
可以通過(guò)一下幾種方式獲取
1.官網(wǎng)下載頁(yè)面獲取
2.在 ECharts 的?GitHub?獲取羊壹。
3.通過(guò) npm 獲取 echarts蓖宦，npm install echarts --save，
4.通過(guò)?jsDelivr?等 CDN 引入
如果是html文件請(qǐng)點(diǎn)擊這里下載js文件油猫，
第一步選擇在線定制
第二步選擇你所需要的圖表坐標(biāo)等等
第三步選則下載
然后就會(huì)出現(xiàn)一個(gè)這樣的
等building完以后會(huì)出現(xiàn)一個(gè)ok稠茂，并且下載改文件
第二步引入echarts
第一種方式，html頁(yè)面引入
vue中首先需要使用? ? npm install echarts --save? 該命令安裝ECharts情妖，然后再引入（如果不想寫可以直接引用點(diǎn)擊這里）
vue中的按需引入
在vue中全局引入的話
var echarts = require('echarts');
第三步使用
在html中使用復(fù)制即用睬关，點(diǎn)擊這里
完成的樣式
具體代碼
在vue中使用可以使用v-bind綁定，
<template>
?????<div :data='option' ></div>
</template>
<script>
export?default?{
????data()?{
????????return{
????????????option: {
????????????????//中間為需要的組(如上圖)
????????????}
????????},
????},
? },
</script>
