如果你想在 ECharts 中使用 Toolbox 配置来控制选框组件（dataZoom），可以在 Toolbox 的 feature 部分中配置相应的按钮。以下是一个示例代码，演示如何配置 Toolbox 中的按钮来控制选框组件：
option = {
    toolbox: {
        feature: {
            dataZoom: {
                show: true,
                title: {
                    zoom: '区域缩放',
                    back: '区域缩放还原'
                },
                icon: {
                    zoom: 'path/to/zoom/icon.png', // 区域缩放图标
                    back: 'path/to/back/icon.png'  // 区域缩放还原图标
                }
            },
            // 其他工具按钮配置...
        }
    },
    dataZoom: [
        {
            type: 'slider',   // 这里以slider为例，可以根据需求选择其他类型
            start: 0,
            end: 100
        },
        // 其他选框组件配置...
    ],
    // 其他配置...
};

// 初始化图表
var myChart = echarts.init(document.getElementById('yourChartId'));
myChart.setOption(option);

在上述代码中，我们在 toolbox.feature 中配置了一个名为 dataZoom 的按钮，用于控制选框组件。设置了按钮的显示与标题，以及区域缩放和还原的图标路径。此外，我们在 dataZoom 数组中配置了选框组件的初始参数。

这样，用户在图表中可以通过 Toolbox 中的按钮来控制选框组件的区域缩放和还原操作。请确保替换示例代码中的图标路径和其他配置为实际需要的路径和参数。


转载请注明出处：http://www.zyzy.cn/article/detail/5329/ECharts