"多 Y 轴问题: [图片] Y 轴重叠了!得怎么分开!"
多 Y 轴问题:
Y 轴重叠了!得怎么分开!
在 yAxis 中添加 offset 属性,例如在 position:right 下面添加 offset : 80,值越大就越靠右
加了,没起作用!
看下这篇文章:https://my.oschina.net/wangmengjun/blog/909546?utm_medium=referral理解下多个 Y 轴的设置原理,可以更好的理解 echarts 的各个属性配置
根据截图来看双 Y 轴是在左侧,js 代码里设置的是 right。。。
我不知道为啥,写 left, 在右边,写 right, 在左边!
yAxis : [{type: ‘value’,name:‘供电(万 kwh)’,position: ‘left’,axisLine: {lineStyle: {color: colors[0]}},axisLabel: {formatter: ’{value} ’}},{type: ‘value’,name:‘供水(万 T)’,position: ‘right’,offset : 80,axisLine: {lineStyle: {color: colors[1]}},axisLabel: {formatter: ’{value} ’}},{type: ‘value’,name:‘污水(万 T)’,position: ‘left’,offset : 80,axisLine: {lineStyle: {color: colors[2]}},axisLabel: {formatter: ’{value} ’}},{type: ‘value’,name:‘燃气(万 m³)’,position: ‘left’,offset : 80,axisLine: {lineStyle: {color: colors[3]}},axisLabel: {formatter: ’{value} ’}},],
出来的效果就是:
在 yAxis 中添加 offset 属性,例如在 position:right 下面添加 offset : 80,值越大就越靠右
加了,没起作用!
看下这篇文章:https://my.oschina.net/wangmengjun/blog/909546?utm_medium=referral
理解下多个 Y 轴的设置原理,可以更好的理解 echarts 的各个属性配置
根据截图来看双 Y 轴是在左侧,js 代码里设置的是 right。。。
我不知道为啥,写 left, 在右边,写 right, 在左边!
yAxis : [
{
type: ‘value’,
name:‘供电(万 kwh)’,
position: ‘left’,
axisLine: {
lineStyle: {
color: colors[0]
}
},
axisLabel: {
formatter: ’{value} ’
}
},
{
type: ‘value’,
name:‘供水(万 T)’,
position: ‘right’,
offset : 80,
axisLine: {
lineStyle: {
color: colors[1]
}
},
axisLabel: {
formatter: ’{value} ’
}
},
{
type: ‘value’,
name:‘污水(万 T)’,
position: ‘left’,
offset : 80,
axisLine: {
lineStyle: {
color: colors[2]
}
},
axisLabel: {
formatter: ’{value} ’
}
},
{
type: ‘value’,
name:‘燃气(万 m³)’,
position: ‘left’,
offset : 80,
axisLine: {
lineStyle: {
color: colors[3]
}
},
axisLabel: {
formatter: ’{value} ’
}
},
],
出来的效果就是: