在 ECharts 中,通过 toolbox 的 feature 配置项中的 dataZoom 功能按钮,可以实现数据区域缩放的功能。以下是一个简单的示例:
toolbox: {
    feature: {
        dataZoom: {
            title: {
                zoom: '区域缩放',
                back: '区域缩放还原'
            }
        }
        // 其他功能按钮...
    }
}

在这个示例中:

  •  title 属性用于设置按钮的标题,zoom 表示缩放按钮的标题,back 表示缩放还原按钮的标题。


配置了 dataZoom 后,用户可以在图表上使用鼠标框选的方式进行数据区域的缩放,缩放还原按钮则用于还原到初始状态。

你还可以进一步配置 icon 和 iconStyle 来自定义缩放按钮的图标样式,以满足你的需求。


转载请注明出处:http://www.zyzy.cn/article/detail/5325/ECharts