app.title = '正负条形图';
option = {
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
legend: {
data:['支出', '收入']
},
grid: {
left:'0',
top:'10',
height:'95%',
width:'80%',
containLabel: true
},
xAxis : [
{
show:true,
type : 'value',
splitLine : {//去掉网格线
show : false
},
labels: {
enabled: true
},
axisLabel:{
formatter:function(value,index){
var flag= Math.abs(value);
if(value>0){
flag= Math.abs(value)+"\nKM"
}else{
flag= Math.abs(value)+"\n次数"
}
return flag
}
}
}
],
yAxis : [
{
type : 'category',
axisTick : {show: false},
data : ['周一','周二','周三','周四','周五','周六','周日']
}
],
series : [
{
name:'收入',
type:'bar',
stack: '总量',
label: {
normal: {
show: true
}
},
data:[320, 302, 341, 374, 390, 450, 420]
},
{
name:'支出',
type:'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'inside'
}
},
data:[-120, -132, -101, -134, -190, -230, -210]
}
]
};
Echars 正负轴显示的问题
最新推荐文章于 2022-11-17 16:36:02 发布