echarts折柱混合图双y轴

您可以使用echarts的折柱混合图来实现双y轴的效果。以下是一个例子，您只需要稍微修改字段就可以适用于您的需求。

在series参数中，您可以设置每个系列的类型，如折线图和柱状图，并通过yAxisIndex属性指定使用哪个y坐标轴。例如：

series: [
  {
    name: '蒸发量',
    type: 'bar',
    data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
  },
  {
    name: '降水量',
    type: 'bar',
    data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
  },
  {
    name: '平均温度',
    type: 'line',
    yAxisIndex: 1, // 使用右y坐标轴
    data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
  }
]

同时，您还需要设置yAxis参数，来定义左右两个y坐标轴的属性，如名称和单位。例如：

yAxis: [
  {
    type: 'value',
    name: '数值', // 左y坐标轴名称
    axisLabel: {
      formatter: '{value} 万元' // 设置左y坐标轴的单位为万元
    }
  },
  {
    type: 'value',
    name: '百分比',
    axisLabel: {
      formatter: '{value} %' // 设置右y坐标轴的单位为%
    }
  }
]

通过以上配置，您就可以实现echarts折柱混合图双y轴的效果了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [echarts折柱混合双y坐标轴](https://blog.csdn.net/M_amazing/article/details/96151401)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]