vue如何修改echarts餅圖配置
① echarts怎麼控制圓餅圖的大小
echarts控制圓餅圖的大小代碼及方法如下：
1、新建靜態頁面pie.html，並引入echarts核心js文件。
2、在<body></body>元素內插入div餅圖容器，設置其寬度和高度。
3、編寫生成餅圖圖形的核心代碼，有數據源和樣式。
4、預覽該靜態頁面，查看餅圖效果，分別點擊餅圖塊。
5、添加餅圖塊圖例切換事件，並列印出餅圖參數，更改參數值即可實現圓餅圖大小的控制。
6、再次預覽該界面，可以查看到餅圖效果，並點擊餅圖分塊。
② 在Vue中使用echarts
由於在項目中需要對數據進行可視化處理，也就是用圖表展示，眾所周知echarts是非常強大的插件。一開始想在網上找一個基於vue封裝好的（懶省事），eg:vue-echarts ，但是拉取下來發現，跟項目中使用的類型有點偏差，而且他們的數據大多都是定製好的，我很難在此基礎上進行更改（惹不起），於是選擇了放棄，最終還是選擇echarts。以下是我使用的一些心得體會~
我的示例是在vue-cli搭建
首先需要全局引入
在main.js中
在Echarts.vue中
<div id="myChart" :style="{width: '300px', height: '300px'}"></div>
注意：我們要在mounted生命周期函數中實例化echarts對象。因為我們要確保dom元素已經掛載到頁面中
這樣一個簡單的圖表就完成了，是不是覺得很簡單？假如在一個大型的項目中，而且數據是非常復雜的？那麼該如何操作？
由於全局引入會將所有的echarts圖表打包，導致體積過大
在Echarts.vue文件中
使用 require 而不是 import
基於前面的疑問，加上實際運用到項目中遇到的一些問題，我思考使用組件的形式。
從上邊可以看出，你每次在使用echarts的時候，都必須要重復的引入，這樣很不方便
vue作為一個組件化開發的框架，我們可以使用組件的方式進行集成。每次我們引入組件，進行使用，這樣就方便的多。
下面是一個我自己對echarts進行的一個簡單的vue組件的集成。
在echarts中
子組件：
props部分是我接收到的參數，父組件獲取數據分發，data是父組件分發給echarts的數據源。
父組件：
如果在大型的項目，而且圖表又非常的多，那麼vuex少不了。如果把數據集中存儲到了vuex中，echarts組件再從vuex中獲取數據，我們也能隨時保存獲取的結果，對這些數據可以添加收藏也可以加入緩存中，下次再請求可以先從緩存調用。接下來會繼續分享vuex的使用~~~
③ Vue的庫Echarts中如何設置餅圖的總數
list2=[2, 1, 0, 0, 0, 0]
%>
var myChart = echarts.init(document.getElementById('chart1'));
var option = {
title : {
text: '項目結構分析',
x:'center'
},
tooltip : {
show: true
},
legend: {
orient: 'vertical',
x: "left",
④ vue解決echart餅圖比例過小影響交互的問題
如果是正常的圓，只需要在series添加一個屬性startAngle，這個屬性代表初始的角度，可以設置大一點
如果是南宮玫瑰圖這種，計算出最大值，並放大最大值20%（這個值可以自己定），在渲染數據的時候在還原，比如你的數據格式是這樣的：
如果數據是這樣的那麼vpn的數據在圖形上顯示比例會很小，解決方法：
在渲染數據的時候在label的normal下面還原數據如下：