echarts 一组legend两个图表

在 ECharts 中，可以通过设置多个系列（series）来实现一组 legend 对应两个图表。每个系列对应一个图表，而每个系列的名字将显示在 legend 中。

以下是一个示例代码，展示了如何在一组 legend 中显示两个图表：

// 创建图表实例
var myChart = echarts.init(document.getElementById('chart'));

// 设置 legend
var legendData = ['图表A', '图表B'];
var legendColor = ['#f00', '#00f'];
var legend = {
  data: legendData,
  textStyle: {
    color: '#666'
  }
};

// 设置 series
var series = [
  {
    name: '图表A',
    type: 'bar',
    data: [100, 200, 300, 400]
  },
  {
    name: '图表B',
    type: 'line',
    yAxisIndex: 1,
    data: [10, 20, 30, 40]
  }
];

// 设置 x 轴和 y 轴
var xAxis = {
  type: 'category',
  data: ['A', 'B', 'C', 'D']
};

var yAxis = [
  {
    type: 'value',
    name: '图表A',
    position: 'left',
    axisLine: {
      lineStyle: {
        color: legendColor[0]
      }
    },
    splitLine: {
      show: false
    }
  },
  {
    type: 'value',
    name: '图表B',
    position: 'right',
    axisLine: {
      lineStyle: {
        color: legendColor[1]
      }
    },
    splitLine: {
      show: false
    }
  }
];

// 设置图表配置项
var option = {
  legend: legend,
  series: series,
  xAxis: xAxis,
  yAxis: yAxis
};

// 渲染图表
myChart.setOption(option);