在echart添加年份选择

要在 Echarts 中添加年份选择，可以使用 Echarts 提供的工具箱组件中的 dataView 组件。首先，需要在 Echarts 的配置项中启用工具箱组件，示例如下：

option = {
  // ... 其他配置项
  toolbox: {
    feature: {
      dataView: { // 启用 dataView 组件
        readOnly: false // 可以编辑
      },
      // ... 其他工具箱组件
    }
  }
}

然后，需要在数据源中添加年份字段，例如：

data: [
  { year: 2020, value: 100 },
  { year: 2021, value: 200 },
  { year: 2022, value: 300 }
]

最后，在 Echarts 的配置项中设置 dataView 组件的 option，示例如下：

option = {
  // ... 其他配置项
  dataView: {
    show: true,
    readOnly: false,
    title: '数据视图',
    lang: ['数据视图', '关闭', '刷新'],
    optionToContent: function(opt) {
      var axisData = opt.xAxis[0].data;
      var series = opt.series;
      var table = '<table style="width:100%;text-align:center"><tbody><tr>' +
        '<td>年份</td>' +
        '<td>' + series[0].name + '</td>' +
        '</tr>';
      for (var i = 0, l = axisData.length; i < l; i++) {
        table += '<tr>' +
          '<td>' + axisData[i] + '</td>' +
          '<td>' + series[0].data[i] + '</td>' +
          '</tr>';
      }
      table += '</tbody></table>';
      return table;
    }
  }
}

在这个示例中，我们在 optionToContent 函数中生成了一个表格，表格的列表示年份，行表示数据。通过这个表格，用户可以选择要显示的年份，从而实现年份选择的功能。