echarts右上角toolbox的下载按钮如何改成鼠标hover再显示

在ECharts中，要实现右上角toolbox的下载按钮在鼠标hover时才显示，可以通过设置`show`属性为`false`来隐藏按钮，并通过监听鼠标事件来动态控制按钮的显示。

具体方法是，在初始化echarts图表的配置项中，设置`toolbox`的`show`属性为`false`，然后使用`onMousemove`事件监听器，在鼠标移动到图表上时，通过`chart.setOption`方法动态地将`toolbox`的`show`属性设置为`true`，从而显示下载按钮。同样地，在鼠标移开时（例如使用`onMouseleave`事件监听器），再将`toolbox`的`show`属性设置回`false`。

下面是一个示例代码段，展示了如何实现这个功能：

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    // ... 其他配置 ...
    toolbox: {
        show: false, // 初始隐藏
        feature: {
            saveAsImage: {} // 仅保留下载功能
        }
    }
    // ... 其他配置 ...
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

// 鼠标移动到图表上的事件监听
myChart.on('mouseover', function() {
    myChart.setOption({
        toolbox: {
            show: true
        }
    });
});

// 鼠标离开图表的事件监听
myChart.on('mouseout', function() {
    myChart.setOption({
        toolbox: {
            show: false
        }
    });
});

在实际使用中，你需要将上述代码中的`document.getElementById('main')`替换为实际容器的ID，同时确保`option`对象中的其他配置项符合你的图表需求。