echarts 区域缩放dataZoom自动滚动，带提示框(tooltip)

ECharts是一个强大的数据可视化库，其中的数据区域缩放(dataZoom)功能允许用户通过拖拽区域来聚焦图表的一部分。当开启区域缩放并且设置了自动滚动(autoScroll)，图表会在用户放大或缩小视图范围时，跟随用户的操作上下滚动，以便始终展示完整的可视区域。

关于带提示框(tooltip)的部分，当鼠标悬停在图表上的数据点上时，tooltip会显示该点对应的值以及可能的相关信息。在设置数据缩放与滚动的同时，确保为tooltip配置了合适的样式和行为，比如可以调整其位置策略、触发模式等，使其在数据区域变化时能准确地显示对应的数据点信息。

以下是配置示例：

option = {
    dataZoom: {
        type: 'slider', // 使用滑块类型的数据区域缩放
        start: 50, // 初始缩放比例，范围0-100
        end: 100,
        autoPlay: true, // 自动滚动
        showDetail: false, // 隐藏细节面板
        height: 26, // 宽度自适应，高度固定
        brushType: 'line' // 指定绘制刷选区域的方式，如线段(line)或矩形(rect)
    },
    tooltip: {
        trigger: 'axis', // 指定触发事件为坐标轴
        position: 'top', // 提示框位置
        backgroundColor: '#fff', // 背景颜色
        borderColor: '#ccc',
        borderRadius: 4,
        padding: [5, 10] // 内边距
    },
    ... // 其他echarts选项
};