echarts2堆疊柱狀圖顯示總量問題
阿新 • • 發佈:2019-02-13
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 } ] };