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

要在Echarts的y轴旁添加下拉筛选框，你需要使用Echarts提供的工具箱（toolbox）功能来实现。具体步骤如下：

1.在Echarts的Option中配置工具箱（toolbox）功能，包括toolbox的显示位置、图标、功能等。例如：

toolbox: {
    show: true,
    orient: 'vertical',
    left: 'right',
    top: 'center',
    feature: {
        dataView: {show: true, readOnly: false},
        magicType: {show: true, type: ['line', 'bar']},
        restore: {show: true},
        saveAsImage: {show: true}
    }
}

2.在工具箱中添加自定义按钮，用于实现下拉筛选框的功能。例如：

toolbox: {
    show: true,
    orient: 'vertical',
    left: 'right',
    top: 'center',
    feature: {
        dataView: {show: true, readOnly: false},
        magicType: {show: true, type: ['line', 'bar']},
        restore: {show: true},
        saveAsImage: {show: true},
        myFilter: {
            show: true,
            title: '筛选',
            icon: 'path/to/myFilter.png',
            onclick: function () {
                //实现下拉筛选框的功能
            }
        }
    }
}

3.在自定义按钮的onclick事件中实现下拉筛选框的功能。具体实现方式可以使用HTML和JavaScript来实现。例如：

myFilter: {
    show: true,
    title: '筛选',
    icon: 'path/to/myFilter.png',
    onclick: function () {
        //创建下拉筛选框
        var html = '<select>';
        html += '<option value="option1">选项1</option>';
        html += '<option value="option2">选项2</option>';
        html += '<option value="option3">选项3</option>';
        html += '</select>';
        var div = document.createElement('div');
        div.innerHTML = html;
        div.style.position = 'absolute';
        div.style.left = '100px';
        div.style.top = '100px';
        document.body.appendChild(div);
        //监听下拉框变化事件
        div.getElementsByTagName('select')[0].addEventListener('change', function () {
            //根据选中的值更新图表数据
            var option = chart.getOption();
            option.series[0].data = [20, 30, 40];
            chart.setOption(option);
        });
    }
}

4.在下拉筛选框的变化事件中根据选中的值更新图表数据。例如：

div.getElementsByTagName('select')[0].addEventListener('change', function () {
    //根据选中的值更新图表数据
    var option = chart.getOption();
    option.series[0].data = [20, 30, 40];
    chart.setOption(option);
});