這是最後的效果圖

1. 這裡title屬性用到了富文字標籤

    官方文件是用的label屬性，看得我一開始格外的懵逼。後面我嘗試著在text中寫入格式，沒想到竟然成功了。

    rich中定義樣式，在text中通過{樣式屬性|顯示文字}的格式就可以給標題設定不同的樣式啦

    left和top等四個屬性可以設定title的顯示位置，可以使用center等字串賦值

2. legend屬性：用來標註說明圖中各部分對應的顏色

    orient可以設定其子元素如何排列，vertical表示縱向排列

    x和y可以設定整體的位置，分別表示橫縱座標，可以使用center等字串賦值

    data中可以設定顯示的資料，其中icon可以設定圖形顯示形狀，設定為circle表示圓形。

    坑爹的是，icon在all.js中似乎不生效，要用min.js，所以引用的js還是min好

3. series屬性一直都是最重要的，而且每種圖表又不太一樣

    radius是一個列表，列表中兩個值設定環形的內半徑和外半徑，如['30%', '40%']

    另外，有時需要顯示多個環形，此時除了要在series中新增多個元素外，還需要給每個元素設定center屬性，否則環形會重疊在一起。

    center也是一個列表，兩個值分別代表環形整體的橫縱座標

    data.itemStyle.color可以給環形設定顏色，自然也可以設定漸變顏色。

        上一個隨筆中使用new echarts.graphic.LinearGradient()來完成漸變，此處依然可以使用，但官方文件提供了一些屬性專門為pie圖表完成顏色漸變

           將color看做一個物件，

                                                1）當其type屬性設定為linear時，表示線性漸變

                                                此時其實和new echarts.graphic.LinearGradient()基本一致，要給color物件設定四個屬性x, y, x2, y2，與new echarts.graphic.LinearGradient()前四個引數類似。

                                                當x表示x軸負方向，即從右向左。x2相反；

                                                當y表示y軸正方向，即從下到上。y2相反；

                                                實際上，漸變是根據直線y=±x或平行座標軸的兩條直線平移來變化的

　　　　　　　　　　　　　 2）當其type屬性設定為radius時，表示徑向漸變，此時上面講到的引數含義就截然不同了

                                                x和y表示圓的圓心，如果這個圓指的是環形圖對應的圓那麼就是0.5和0.5即可，因為一個環形圖對應的圓就在座標系0-1範圍內

                                                沒有了x2和y2，而是r，表示圓的半徑。

                                                這種漸變顧名思義，是從圓心出發，沿著半徑向整個圓擴散的。注意：此時所說的沒有標註的圓不一定就是環形圖，而是用來漸變顏色的圓

            不管type是哪個型別，都需要設定colorStops屬性，它與new echarts.graphic.LinearGradient()第五個引數一樣。

            至於globalCoord，暫時沒看出有什麼用。。。

    data.label可以設定文字資訊的顯示。官方文件的富文字標籤就是用這個做例子，就不贅述了。

        如圖看到的只顯示了一個data元素的資訊。只需要在這個元素中設定label.show為true，其他的設定為false即可。

    當然，為了方便，可以直接在與data同級的label中設定show為false，然後僅在要顯示的那個data元素設定label.show為true即可