Echarts可视化教程（七）—— 工具箱组件与详情提示框组件

ECharts工具箱组件（Toolbox）是ECharts的一个重要特性，它提供了一组可视化的操作面板，用户可以在这里添加、切换图表，以及进行数据查看、保存等操作。在ECharts的七步教程中，第7部分会深入讲解如何使用工具箱。

工具箱通常位于图表的右下角，包含常见的选项如缩放和平移、刷新、数据导出、编辑系列数据、设置全局配置等。你可以通过`toolbox`配置项自定义显示哪些功能，并通过`on`属性定义每个功能触发后的回调函数。

详情提示框（Detail Tooltip）则用于当鼠标悬停在特定的数据点上时，弹出详细的信息窗口，展示该数据点的数值以及其他相关信息。这可以帮助用户更好地理解数据细节。

创建工具箱和详情提示框的基本步骤如下：

1. 配置`toolbox`，例如：

var option = {
    toolbox: {
        feature: {
            dataZoom: { show: true }, // 显示缩放工具
            saveAsImage: { show: true } // 显示图片下载功能
        }
    },
    tooltip: {
        trigger: 'item', // 设置提示框触发于数据点
        detailFormatter: function (params) { // 自定义内容格式
            return '<div>' + params.name + '</div>' +
                   '<div>值：' + params.value + '</div>';
        }
    }
};