y轴是通过offset设置的,然后设置了xAxis的min为负数,强行出现了两个象限的图标:
问题1:但是我需要第四象限x轴的坐标是从0开始越远离0越大,而不是一边正数一边负数;
问题2:当我再加一个数据后,四个数据的总计超过900,y轴就会被图形覆盖;
问题3:y轴的offset值不能根据画布大小联动,怎么联动?
配置项如下
option = {
tooltip : {
trigger: 'axis',
axisPointer : {
type : 'shadow'
}
},
legend: {
data: ['200万元以下', '200-500万元','500万元以上']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis : [
{
type : 'value',
min: -900,
}
],
yAxis : [
{
type : 'category',
axisTick : {show: false},
data : ['周一','周二','周三','周四','周五','周六','周日'],
offset: -450
}
],
series : [
{
name:'200万元以下',
type:'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight'
}
},
data:[200, 170, 240, 244, 200, 220, 210]
},
{
name:'200-500万元',
type:'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight'
}
},
data:[320, 302, 341, 374, 390, 450, 420]
},
{
name:'500万元以上',
type:'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'insideRight'
}
},
data:[120, 132, 101, 134, 190, 230, 210]
}
]
};