处理数据通过ecarts绘制一个图表拥有两个坐标系的多列柱状图var options={ data:[ { "column1": "男", "column2": 165, "column3": "2022-10" }, { "column1": "男", "column2": 178, "column3": "2022-11" }, { "column1": "男", "column2": 197, "column3": "2022-12" }, { "column1": "男", "column2": 120, "column3": "2023-01" }, { "column1": "男", "column2": 130, "column3": "2023-02" }, { "column1": "男", "column2": 137, "column3": "2023-03" }, { "column1": "女", "column2": 150, "column3": "2022-10" }, { "column1": "女", "column2": 201, "column3": "2022-11" }, { "column1": "女", "column2": 225, "column3": "2022-12" }, { "column1": "女", "column2": 104, "column3": "2023-01" }, { "column1": "女", "column2": 188, "column3": "2023-02" }, { "column1": "女", "column2": 148, "column3": "2023-03" } ] }

可以使用 Echarts 的 option 配置项，具体代码如下：

var option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    legend: {
        data: ['男', '女']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: [{
        type: 'category',
        data: options.data.map(function (item) {
            return item.column3;
        })
    }],
    yAxis: [{
        type: 'value',
        name: '人数'
    }],
    series: [{
        name: '男',
        type: 'bar',
        data: options.data.filter(function (item) {
            return item.column1 === '男';
        }).map(function (item) {
            return item.column2;
        })
    }, {
        name: '女',
        type: 'bar',
        data: options.data.filter(function (item) {
            return item.column1 === '女';
        }).map(function (item) {
            return item.column2;
        })
    }]
};

在这个 option 中，我们定义了两个坐标系，一个是横坐标，表示日期，另一个是纵坐标，表示人数。我们使用了 Echarts 的柱状图（`type: 'bar'`）来展示数据。

其中，`options.data` 是你提供的数据，我们使用了 `Array.prototype.map()` 和 `Array.prototype.filter()` 方法对数据进行处理，生成了两组数据，分别对应男性和女性的数据。

最后，我们将 option 传给 Echarts 实例的 `setOption()` 方法，即可根据数据绘制出多列柱状图。