1. 程式人生 > >echarts2堆疊柱狀圖顯示總量問題

echarts2堆疊柱狀圖顯示總量問題

var option  = {
    backgroundColor: "#164885",
grid: {
        borderColor: "transparent"
},
tooltip : {
        show:true,
trigger: 'axis',
axisPointer : {            // 座標軸指示器,座標軸觸發有效
type : 'shadow'        // 預設為直線,可選為:'line' | 'shadow'
},
enterable: true // 可防止閃動
},
// calculable : true,
xAxis : [
        {
            
type : 'value', axisLine: { show: false }, splitLine: { show: false }, axisTick: { show: false } } ], yAxis : [ { type : 'category', axisLine: { show: false }, splitLine: { show: false },
axisTick: { show: false }, data: ndcBuildCountNameArr } ], series: [ { name:'區域', type:'bar', barWidth:20, stack: '總量', itemStyle : { normal: { barBorderColor:'rgba(1,1,1,0)', barBorderWidth:6, color:DCColor.hinge } }
, data: ndcBuildCountHinge }, { name:'核心', barWidth:20, type:'bar', stack: '總量', itemStyle : { normal: { barBorderColor:'rgba(1,1,1,0)', barBorderWidth:6, color:DCColor.core } }, data: ndcBuildCountCore }, { name:'邊緣', barWidth:20, type:'bar', stack: '總量', itemStyle : { normal: { barBorderColor:'rgba(1,1,1,0)', barBorderWidth:6, color:DCColor.common, label:{ show:true, position:'right', formatter: function(params) {//格式化柱狀圖顯示label var dataValue0=0; var dataValue1=0; for(var i=0;i<ndcBuildCountNameArr.length;i++){ if(params.name==ndcBuildCountNameArr[i].value){ dataValue0 =ndcBuildCountHinge[i]; dataValue1 =ndcBuildCountCore[i]; } } return params.value+dataValue0+dataValue1; } } } }, data: addAllData3 } ] };