echarts隱藏座標軸,以及控制柱狀圖顏色
阿新 • • 發佈:2019-02-18
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] } ]