1、源码
app.title = '堆叠柱状图';
var data1=[120, 0.00, 101, 134];//含有0.00数据
var data2=[0.00, 0.00, 191, 234];//含有0.00数据
var change=function(arr){//当数据是0.00时,设置成空,则echarts不显示
var len=arr.length;
for(var i=0;i<len;i++){
if(arr[i]===0.00){
arr[i]="''";
}
}
return arr;
};
option = {
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
},
formatter : function(params) {//提示信息,为空时,显示成0.00
if(params[0].value=="''"){
params[0].value='0.00';
}
if(params[1].value=="''"){
params[1].value='0.00';
}
return params[0].name + "<br/>"
+params[0].marker+params[0].seriesName + ":"+ params[0].value + "元<br/>"
+params[1].marker+params[1].seriesName + ":"+ params[1].value + "元<br/>";
//.marker表示数据前面的小圆点
},
},
legend: {
data:['邮件营销','联盟广告']
},
grid: {
left: '13%',
right: '14%',
bottom: '23%',
containLabel: true
},
xAxis : [
{
type : 'category',
data : ['周一','周二','周三','周四']
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'邮件营销',
type:'bar',
barWidth:100,
stack: '广告',
label: {
normal: {
show: true,
position: 'insideTop',
}
},
data:change(data1),
},
{
name:'联盟广告',
type:'bar',
stack: '广告',
label: {
normal: {
show: true,
position: 'inside'
}
},
data:change(data2),
},
]
};