echarts折线双Y双X对比图实例要求两个Y轴在中间
时间: 2024-05-02 19:22:59 浏览: 93
您好,谢谢你的问题。关于echarts折线双Y双X对比图实例要求两个Y轴在中间的问题,可以通过以下代码来实现:
```javascript
option = {
tooltip: {
trigger: 'axis',
},
legend: {
data:['成交量', '金额'],
top: 10,
left: 'center',
},
xAxis: [
{
type: 'category',
data: ['1','2','3','4','5','6','7','8','9','10']
}
],
yAxis: [
{
type: 'value',
name: '成交量',
position: 'left',
offset: 50
},
{
type: 'value',
name: '金额',
position: 'right',
offset: 50
}
],
series: [
{
name:'成交量',
type:'line',
smooth: true,
data:[10,20,30,40,50,60,70,80,90,100]
},
{
name:'金额',
type:'line',
yAxisIndex: 1,
smooth: true,
data:[1000,2000,3000,4000,5000,6000,7000,8000,9000,10000]
}
]
};
```
其中,通过在第一个y轴的配置中,设置offset值为50,就可以将两个y轴分别放在中间位置,完成双Y轴的折线对比图的实现。
希望我的答案能够帮到您。如果您有其他问题或者不清楚我的回答,可以继续向我提问。
阅读全文