vue中使用echarts绘制双Y轴图表时，刻度没有对齐的两种解决方法

在Vue中使用ECharts绘制双Y轴图表时，可能会遇到Y轴刻度没有对齐的问题。这通常是由于ECharts默认的布局策略或者数据范围的差异导致的。下面是两种常见的解决方法：

1. 手动设置Y轴的min、max值，确保两个Y轴的刻度范围相同。

option = {
  yAxis: [
    {
      type: 'value',
      // 手动设置Y轴的最小值和最大值
      min: minValue1, // 第一个Y轴的最小值
      max: maxValue1, // 第一个Y轴的最大值
    },
    {
      type: 'value',
      // 第二个Y轴的最小值和最大值应该根据第一个Y轴的最小值和最大值来设置，确保刻度对齐
      min: minValue2,
      max: maxValue2,
    }
  ]
  // ... 其他配置项
};

2. 使用yAxisIndex指定数据系列使用哪个Y轴。

option = {
  series: [
    {
      data: seriesData1,
      type: 'line',
      yAxisIndex: 0, // 指定使用第一个Y轴
    },
    {
      data: seriesData2,
      type: 'line',
      yAxisIndex: 1, // 指定使用第二个Y轴
    }
  ]
  // ... 其他配置项
};

在实际应用中，你需要根据具体的数据和布局需求调整min、max值或者yAxisIndex以确保刻度对齐。