您的位置:首页 > 其它

echarts2堆叠柱状图显示总量问题

2018-01-22 13:30 239 查看

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
}
]
};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: