vue中通過自定義元件使用echarts

echarts是一款非常優秀的視覺化框架，涵蓋各行業各型別圖表，滿足大部分的需求。在vue中也有了成熟的echarts框架，vue-echarts，但由於技術積累等原因，遠沒有echarts官方類庫中的功能強大，在使用echarts的過程中，很多時候，我們都需要定製化的整合echarts圖表。

1 安裝echarts依賴

npm install echarts -s

2 全域性引入echarts

在main.js中引入echarts

import echarts from 'echarts'
vue.prototype.$echarts = echarts

3 定製echarts元件（以bar圖為例）

元件中的核心方法是setoption()，方法中呼叫了echarts實體的setoption()方法，可以在echarts官網配置相應的引數至自己想要的效果後將配置內容複製到方法體內，相應的變數設定為元件引數，通過元件傳值進行設定。

4 使用相應的echarts元件

echarts的功能豐富，自定義元件可以讓echarts的使用更加靈活，達到自己想要的效果。