echarts柱状图两侧y轴
时间: 2023-08-27 09:19:41 浏览: 102
echarts柱状图
对于 ECharts 柱状图的两侧 Y 轴,你可以通过使用 `grid` 和 `yAxis` 配置项来实现。以下是一个示例代码片段:
```javascript
option = {
grid: [
{ // 左侧 Y 轴对应的 grid
left: '10%',
right: '50%',
containLabel: true
},
{ // 右侧 Y 轴对应的 grid
left: '50%',
right: '10%',
containLabel: true
}
],
yAxis: [
{ // 左侧 Y 轴配置
type: 'value',
position: 'left',
// 其他配置项...
},
{ // 右侧 Y 轴配置
type: 'value',
position: 'right',
// 其他配置项...
}
],
series: [
{
name: '柱状图1',
type: 'bar',
data: [/* 数据 */],
yAxisIndex: 0 // 指定使用左侧 Y 轴
},
{
name: '柱状图2',
type: 'bar',
data: [/* 数据 */],
yAxisIndex: 1 // 指定使用右侧 Y 轴
}
]
};
```
阅读全文