echarts自定义工具左右按钮

ECharts 提供了 dataZoom 和 visualMap 这两个自定义工具，它们都有左右按钮。如果你想自定义左右按钮，可以通过 ECharts 提供的 API 来实现。

首先，你需要在 ECharts 初始化时开启 toolbox，设置 show 参数为 true：

option = {
    ...
    toolbox: {
        show: true,
        ...
    },
    ...
};

然后，在 toolbox 中添加自定义工具，例如：

option = {
    ...
    toolbox: {
        show: true,
        feature: {
            myTool: {
                show: true,
                title: '自定义工具',
                icon: 'path://...',
                onclick: function (){
                    // 自定义工具的点击事件
                }
            },
            ...
        }
    },
    ...
};

最后，你可以通过 CSS 来自定义左右按钮的样式，例如：

.echarts-toolbox .ui-icon-chevron-left:before {
    content: '←';
}
.echarts-toolbox .ui-icon-chevron-right:before {
    content: '→';
}

这样就可以自定义左右按钮了。