如何在ECharts工具栏中设置DataZoom可见但初始禁用？

可以实现这个需求，ECharts本身没有直接在toolbox配置里提供初始禁用dataZoom按钮的属性，但可以通过API在图表加载完成后手动设置禁用状态，具体步骤如下：

• 保留你现有的toolbox基础配置，确保dataZoom按钮显示在工具栏中：

toolbox = {
    feature: {
        dataZoom: {
            yAxisIndex: false,
        }
    }
}

• 图表初始化完成后，调用dispatchAction方法禁用dataZoom按钮：
  假设你的图表实例是myChart，可以在图表渲染完成后执行以下代码：

myChart.dispatchAction({
    type: 'takeGlobalCursor',
    key: 'dataZoomSelect',
    dataZoomSelectActive: false
});

• 为了确保时机准确，建议监听图表的finished事件，在图表完全加载完成后执行禁用操作：

myChart.on('finished', function() {
    myChart.dispatchAction({
        type: 'takeGlobalCursor',
        key: 'dataZoomSelect',
        dataZoomSelectActive: false
    });
});

这样设置后，工具栏里的dataZoom按钮会正常显示，但首次加载时处于禁用状态，用户点击后可以激活使用。

内容的提问来源于stack exchange，提问作者Xavier Patiño