1. 程式人生 > >百度的echart環形圖顏色動態設定

百度的echart環形圖顏色動態設定

自己參與的有一個專案需要用到環行圖,考慮到百度的echart功能很強大相容性又挺好就使用了這個外掛,但是在顏色配置的時候出現了問題按照參考文件的方法是用color:Array這樣的形式,但是不知道在哪裡設定,在網上查了有兩種說法,一種是直接在option裡面配置  但是我試了之後直接報錯了,還有一種是在>series->itemStyle->normal裡面,但是設定之後奇怪的事情發生了,無論設定什麼顏色都變成了黑色,至少改變了原來自帶的顏色說明這個路徑是對的,後來發現可以·用函式的方法設定就是了一下果然成功了,程式碼如下:

複製程式碼
//首先將你要設定好的顏色儲存起來
var  colors=['#f6909e','#83dce7','#fad797','#59ccf7','#c3b4df'];

//在series裡面的itemStyle裡面 itemStyle : { normal : { label : { show : false }, labelLine : { show : false },
//自定義顏色陣列 color:function(){ return colors[i++]; } }, //這樣就可以實現了函式裡面可以做很多的事情比一個純陣列方便多了吧
複製程式碼