ECharts 示例——双Y轴（二）

在使用echarts中，我们经常会用到双y轴去展示数据，有时候，我们可能需要自己去设置，具体使用某一个y轴去展示某一个具体的数据。

实现代码：

option = {
  // title: {
  //     text: '最新价格'
  // },
  tooltip: {
    trigger: 'axis'
  },
  legend: {
    data: ['沪铝', '长江', '伦铝']
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: [
    {
      type: 'value',
      min: function (value) {
        return 10000;
      },
      axisLabel: {
        show: true,
        showMinLabel: true,
        showMaxLabel: true,
        formatter: function (value) {
          return '￥' + value / 1000 + 'k';
        }
      }
    },
    {
      type: 'value',
      min: function (value) {
        return 1000;
      },
      axisLabel: {
        show: true,
        showMinLabel: true,
        showMaxLabel: true,
        formatter: function (value) {
          return '$' + value / 1000 + 'k';
        }
      }
    }
  ],
  series: [
    {
      name: '沪铝',
      type: 'line',
      yAxisIndex: 1,
      data: [1500, 3300, 2540, 2180, 11500, 3470, 2690]
    },
    {
      name: '长江',
      type: 'line',
      yAxisIndex: 1,
      data: [1970, 2300, 2040, 2280, 1350, 1470, 2600]
    },
    {
      name: '伦铝',
      type: 'line',
      yAxisIndex: 0,
      data:[2050, 3300, 2450, 2508, 1950, 2170, 1600]
    }
  ]
};

运行效果：