echarts 双坐标系

ECharts 双坐标系可以在同一张图上展示不同量级的数据，常用于多个指标之间的对比分析。具体实现步骤如下：

1. 在 option 中定义两个 yAxis（或 xAxis），分别对应两个数据系列；
2. 对于需要展示在第二个坐标系中的数据系列，需要在 series 中指定 yAxisIndex 为 1；
3. 可以通过使用 axisLabel.formatter 和 tooltip.formatter 来分别对两个坐标系的刻度值进行格式化；
4. 使用 grid.bottom 和 grid.top 来调整两个坐标系的位置。

以下是一个示例代码：

option = {
  grid: [
    {
      left: '3%',
      right: '50%',
      bottom: '3%',
      containLabel: true
    },
    {
      left: '53%',
      right: '5%',
      bottom: '3%',
      containLabel: true
    }
  ],
  xAxis: [
    {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    }
  ],
  yAxis: [
    {
      type: 'value',
      name: '销售额',
      axisLabel: {
        formatter: '{value} 万元'
      }
    },
    {
      type: 'value',
      name: '利润率',
      axisLabel: {
        formatter: '{value}%'
      }
    }
  ],
  series: [
    {
      name: '销售额',
      type: 'bar',
      data: [10, 20, 30, 40, 50, 60, 70]
    },
    {
      name: '利润率',
      type: 'line',
      yAxisIndex: 1,
      data: [12, 10, 8, 9, 6, 4, 5]
    }
  ]
};

这个例子中展示了两个坐标系，一个是销售额（左边），一个是利润率（右边）。销售额使用了柱状图，利润率使用了折线图，并且通过 yAxisIndex 指定了利润率使用第二个坐标系。同时，对两个坐标系的刻度值分别进行了格式化。