Eecharts在y轴旁添加下拉筛选框

要在Echarts中添加Y轴旁的下拉筛选框，你可以使用Echarts提供的工具箱（toolbox）来实现。首先，你需要在toolbox中添加一个数据视图组件（dataView），在数据视图中添加筛选框（filter）。然后，通过Echarts的事件处理机制，将筛选框的值与Y轴数据进行关联，实现筛选功能。

下面是一个示例代码，可以在Y轴旁添加下拉筛选框：

option = {
  toolbox: {
    feature: {
      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>数值1</td>'
                       + '<td>数值2</td></tr>';
          for (var i = 0, l = axisData.length; i < l; i++) {
            table += '<tr>'
                     + '<td>' + axisData[i] + '</td>'
                     + '<td>' + series[0].data[i] + '</td>'
                     + '<td>' + series[1].data[i] + '</td>'
                     + '</tr>';
          }
          table += '</tbody></table>';
          return table;
        },
        buttonColor: '#007bff',
        iconStyle: {
          borderColor: '#007bff'
        }
      }
    }
  },
  xAxis: {
    type: 'category',
    data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [820, 932, 901, 934, 1290, 1330, 1320, 1230, 1230, 1230, 1230, 1230],
    type: 'line',
    name: '数值1',
    smooth: true
  }, {
    data: [820, 932, 901, 934, 1290, 1330, 1320, 1230, 1230, 1230, 1230, 1230],
    type: 'line',
    name: '数值2',
    smooth: true
  }]
};

// 监听数据视图的更新事件
myChart.on('dataViewChanged', function(params) {
  var filterValue = params.filters[0].value; // 获取筛选框的值
  var newData = []; // 用于存储筛选后的数据
  for (var i = 0, len = option.series[0].data.length; i < len; i++) {
    if (option.xAxis.data[i] === filterValue) {
      newData.push(option.series[0].data[i]);
      newData.push(option.series[1].data[i]);
      break;
    }
  }
  myChart.setOption({
    yAxis: {
      data: newData // 更新Y轴数据
    }
  });
});

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

注意，这只是一个简单的示例代码，你需要根据自己的实际情况进行修改。同时，为了便于调试和测试，我在代码中添加了一些硬编码的值，你需要根据自己的数据源进行调整。