echarts自定义柱状图Y轴
时间: 2023-11-11 13:59:15 浏览: 158
echarts-柱状图
可以使用 echarts 中的 yAxisIndex 属性来自定义柱状图的 Y 轴。具体操作如下:
1. 在 option 中定义多个 Y 轴,例如:
```
yAxis: [
{
type: 'value',
name: 'Y1轴',
position: 'left',
axisLabel: {
formatter: '{value} ml'
}
},
{
type: 'value',
name: 'Y2轴',
position: 'right',
axisLabel: {
formatter: '{value} °C'
}
}
]
```
2. 在 series 中指定使用哪个 Y 轴,例如:
```
series: [
{
name: '柱状图1',
type: 'bar',
data: [200, 300, 400, 500, 600],
yAxisIndex: 0
},
{
name: '柱状图2',
type: 'bar',
data: [10, 20, 30, 40, 50],
yAxisIndex: 1
}
]
```
以上代码中,第一个柱状图使用第一个 Y 轴,第二个柱状图使用第二个 Y 轴。
阅读全文