echarts散点图缩放

在 ECharts 中，可以通过 dataZoom 组件来实现散点图的缩放。dataZoom 组件是一个专门用于数据区域缩放的组件，可以通过滑动或拖拽的方式进行缩放。

首先需要在 option 中配置 dataZoom 组件，例如：

option = {
    ...
    dataZoom: [{
        type: 'slider', // 滑动条型 dataZoom 组件
        xAxisIndex: 0, // 对应散点图中的 x 轴
        start: 0, // 起始位置为 0
        end: 100 // 结束位置为 100
    }, {
        type: 'slider', // 滑动条型 dataZoom 组件
        yAxisIndex: 0, // 对应散点图中的 y 轴
        start: 0, // 起始位置为 0
        end: 100 // 结束位置为 100
    }]
    ...
}

然后在散点图的系列中设置 xAxisIndex 和 yAxisIndex 属性，将数据和 dataZoom 组件关联起来，例如：

series: [{
    type: 'scatter',
    data: [
        [10.0, 8.04],
        [8.0, 6.95],
        ...
    ],
    xAxisIndex: 0, // 对应 dataZoom 中的第一个 xAxisIndex
    yAxisIndex: 0, // 对应 dataZoom 中的第一个 yAxisIndex
    ...
}]

这样就可以实现散点图的缩放了。当然，还可以通过其他属性来调整 dataZoom 组件的样式和行为，更多详细信息可以参考 ECharts 的官方文档。