echarts设置toolbox的datazoom后，右上角的zoom和zoom reset提示元素挡住了legend

可以通过调整toolbox的位置或者legend的位置来避免这种情况发生。

调整toolbox的位置：

可以将toolbox的位置设置在图表的左上角或者右下角，以避免其挡住legend。示例代码如下：

option = {
    toolbox: {
        feature: {
            dataZoom: {},
            restore: {},
            saveAsImage: {}
        },
        right: 20, // 设置toolbox的位置在图表右上角
        top: 10
    },
    legend: {
        data: ['数据一', '数据二', '数据三'],
        left: 10, // 设置legend的位置在图表左上角
        top: 10
    },
    ...
};

调整legend的位置：

可以将legend的位置设置在图表的左侧或者下方，以避免其被toolbox挡住。示例代码如下：

option = {
    toolbox: {
        feature: {
            dataZoom: {},
            restore: {},
            saveAsImage: {}
        }
    },
    legend: {
        data: ['数据一', '数据二', '数据三'],
        left: 10, // 设置legend的位置在图表左侧
        top: 50,
        orient: 'vertical' // 设置legend的方向为垂直
    },
    ...
};

需要根据实际情况进行调整。