echarts散点图实现功能分区

在 ECharts 中，可以使用 Grid 组件来实现散点图的功能分区。下面是一个简单的示例：

option = {
    grid: [
        { // 第一个分区
            left: '5%',
            top: '5%',
            width: '45%',
            height: '90%'
        },
        { // 第二个分区
            left: '55%',
            top: '5%',
            width: '40%',
            height: '90%'
        }
    ],
    xAxis: [
        { // 第一个分区的 x 轴
            type : 'value',
            scale:true,
            splitNumber: 4,
            axisLabel : {
                formatter: '{value}'
            },
            splitLine: {show: false},
            splitArea: {show: false},
            gridIndex: 0
        },
        { // 第二个分区的 x 轴
            type : 'value',
            scale:true,
            splitNumber: 4,
            axisLabel : {
                formatter: '{value}'
            },
            splitLine: {show: false},
            splitArea: {show: false},
            gridIndex: 1
        }
    ],
    yAxis: [
        { // 第一个分区的 y 轴
            type : 'value',
            scale:true,
            splitNumber: 4,
            axisLabel : {
                formatter: '{value}'
            },
            splitLine: {show: false},
            splitArea: {show: false},
            gridIndex: 0
        },
        { // 第二个分区的 y 轴
            type : 'value',
            scale:true,
            splitNumber: 4,
            axisLabel : {
                formatter: '{value}'
            },
            splitLine: {show: false},
            splitArea: {show: false},
            gridIndex: 1
        }
    ],
    series: [
        { // 第一个分区的散点图系列
            type:'scatter',
            symbolSize: 12,
            data: [
                [10.0, 8.04],
                [8.0, 6.95],
                // ...
            ],
            xAxisIndex: 0,
            yAxisIndex: 0,
            gridIndex: 0
        },
        { // 第二个分区的散点图系列
            type:'scatter',
            symbolSize: 12,
            data: [
                [10.0, 9.14],
                [8.0, 8.14],
                // ...
            ],
            xAxisIndex: 1,
            yAxisIndex: 1,
            gridIndex: 1
        }
    ]
};

在上面的示例中，我们定义了两个分区，并分别在每个分区中定义了一个 x 轴和一个 y 轴。同时，我们在每个散点图系列中指定了该系列所在的分区索引，以及 x 轴和 y 轴的索引。

这样，我们就可以将散点图分成不同的功能区域，并在每个区域中分别设置不同的坐标轴。同时，每个散点图系列都可以在不同的区域中显示，以实现各自的功能。