1. 程式人生 > >echarts隱藏座標軸,以及控制柱狀圖顏色

echarts隱藏座標軸,以及控制柱狀圖顏色

echarts隱藏座標軸方法:

xAxis : [
        {
            show : false, //設定為true時候顯示
}],
yAxis : [
        {
            show : false,

}].

echarts控制柱狀圖顏色方法:

series : [
            {
                name: '數量',
                type: 'bar',
                itemStyle: {
                    normal: {
              //好,這裡就是重頭戲了,定義一個list,然後根據所以取得不同的值,這樣就實現了,
color: function(params) { // build a color map as your need. var colorList = [ '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B', '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
'#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0' ]; return colorList[params.dataIndex] },               //以下為是否顯示,顯示位置和顯示格式的設定了 label: { show: true, position:
'top', // formatter: '{c}' formatter: '{b}\n{c}' } } },           //設定柱的寬度,要是資料太少,柱子太寬不美觀~           barWidth:70, data: [28,15,9,4,7,8,23,11,17] } ]