echarts(二)

series: [{
        name: '分數',
        type: 'bar',
        data: [19, 15, 40, 32],
        //設置柱子的寬度
        barWidth : 30,
        //配置樣式
        itemStyle: {   
            //一般狀況下:
            normal:{  
            //每一個柱子的顏色即爲colorList數組裏的每一項,若是柱子數目多於colorList的長度,則柱子顏色循環使用該數組
                color: function (params){
                    var colorList = ['rgb(164,205,238)','rgb(42,170,227)','rgb(25,46,94)','rgb(195,229,235)'];
                    return colorList[params.dataIndex];
                }
            },
            //鼠標懸停時:
            emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        },
    }],
     //控制邊距 
    grid: {
            left: '0%',
            right:'10%',
            containLabel: true,
    },
series : [

label:{
		normal:{
		  color:'#2d85e4',
	      show: true,
		  position: 'top'
		}
	 }

]
圖中標記的顯示如圖:

相關文章
相關標籤/搜索