散点图想要缩放后想要一键还原初始状态

在ECharts中，如果你希望散点图支持缩放和平移操作，并提供一个“一键还原”初始状态的功能，通常可以在图表的配置选项里设置一些交互行为，比如`zoom`和`roam`属性，并在需要的时候重置视图。以下是一个简单的示例：

// 创建图表
var chart = echarts.init(document.getElementById('main'));

// 配置缩放和平移
chart.setOption({
    zoom: { enable: true }, // 开启缩放功能
    roam: { enable: true } // 开启平移功能

    // 初始化视图范围
    ,visualMap: {
        pieceswise: [
            {min: 0, max: 100, color: 'red'}, // 设置颜色映射
            {max: 200, color: 'green'}
        ],
        realTime: false,
        calculable: true,
        inRange: {
            symbolSize: [20, 60]
        }
    }

    // 初始化状态（假设默认视图是从左上角开始）
    ,xAxis: {
        data: ... // 假设有数据数组
    },
    yAxis: {
        data: ...
    }
});

// 重置视图函数
function resetView() {
    chart.setOption({
        visualMap: {
            pieceswise: [] // 清空颜色映射
        },
        xAxis: {}, // 重置X轴配置
        yAxis: {} // 重置Y轴配置
    });
}

// 当用户完成缩放和平移后，可以调用resetView函数恢复初始状态
chart.on('endZoom', resetView); // 结束缩放时调用
chart.on('endRoam', resetView); // 结束平移时调用