使用echarts的時候遇到一個問題，就是color中應該直接設置的多個顏色不能左右，只顯示第一個顏色

演示中的代碼示例：

選項=  {
    顏色:  [ '#c23531' , '#2f4554' ,  '#61a0a8' ] , 
    xAxis :  { 
        type :  'category' , 
        data :  [ 'Mon' ,  'Tue' ,  'Wed' ,  'Thu' ,  'Fri' ,  'Sat' ,  'Sun' ] 
    } , 
    yAxis :  { 
        type :  'value' 
    } ,
    系列： [ {
        數據： [ 120、200、150、80、70、110、130 ] ， 
        輸入：' bar ' } ] } ；_ _  _ _  _ _  _ _  _ _  

對應的顯示樣式為：

要在這種情況下更改柱形圖的顏色，可以編寫：

option =  { 
	//這里不重要，可以刪除
    顏色:  [ '#c23531' , '#2f4554' ,  '#61a0a8' ] , 
    xAxis :  { 
        type :  'category' , 
        data :  [ 'Mon' ,  'Tue' ,  'Wed' ,  'Thu' ,  'Fri' ,  'Sat' ,  'Sun' ] 
    } , 
    yAxis :  { 
        type :  '值' 
    } ,
    series :  [ { 
        data :  [ 120 ,  200 ,  150 ,  80 ,  70 ,  110 ,  130 ] , 
        type :  'bar' , 
        itemStyle :  { 
            normal :  { 
　　　　　　　　//這里是關鍵
                顏色:  function ( params )  { 
                	//注意，如果顏色太少，后面的顏色不會自動循環。最好再定義幾個顏色
                    變量colorList =  [ '#c23531' ，'#2f4554' ， '#61a0a8' ， '#d48265' ， '#91c7ae' ，'#749f83' ， '#ca8622' ] ；
                    返回顏色列表[參數. 數據索引] 
                } 
            } 
        } 
    } ] 
} ;

如果要自動循環已有的顏色循環顯示，可以加一個判斷：

	//向圓柱體循環添加顏色大于確定的顏色
	數量if (  params .dataIndex > = colorList .length ) { 
	    index = params . 數據索引-顏色列表。長度；} 

最終渲染：