echarts如何设置双y轴
时间: 2024-04-15 20:18:13 浏览: 85
ChartControl双Y轴显示
4星 · 用户满意度95%
你可以通过 ECharts 的配置项来设置双 y 轴。以下是一个简单的示例:
```javascript
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: [
{
type: 'value',
name: '第一个 y 轴'
},
{
type: 'value',
name: '第二个 y 轴'
}
],
series: [
{
name: '数据一',
type: 'line',
data: [120, 200, 150, 80, 70, 110, 130],
yAxisIndex: 0 // 使用第一个 y 轴
},
{
name: '数据二',
type: 'line',
data: [220, 180, 240, 100, 80, 90, 150],
yAxisIndex: 1 // 使用第二个 y 轴
}
]
};
```
在上面的示例中,我们使用了 `yAxis` 数组来定义两个 y 轴。每个 y 轴都需要指定类型(`type`)和名称(`name`)。在 `series` 中的每个系列对象中,使用 `yAxisIndex` 来指定使用哪个 y 轴。
你可以根据你的需求进行进一步的配置,例如设置刻度、标签样式等。希望这能帮到你!
阅读全文