Vue echarts数据

Vue echarts这种数据怎么循环可以做成这种图表和放到表格里


{
    "2019": [
        {
            "sum": 1400.52,
            "group_by": "002",
            "year": "2019"
        },
        {
            "sum": 27.14,
            "group_by": "002",
            "year": "2019"
        },
        {
            "sum": 0,
            "group_by": "003",
            "year": "2019"
        },
        {
            "sum": 0,
            "group_by": "004",
            "year": "2019"
        },
        {
            "sum": 0,
            "group_by": "005",
            "year": "2019"
        },
        {
            "sum": 0,
            "group_by": "006",
            "year": "2019"
        },
        {
            "sum": 0,
            "group_by": "007",
            "year": "2019"
        },
        {
            "sum": 0,
            "group_by": "008",
            "year": "2019"
        },
        {
            "sum": 0,
            "group_by": "009",
            "year": "2019"
        },
        {
            "sum": 0,
            "group_by": "010",
            "year": "2019"
        }
    ],
    "2020": [
        {
            "sum": 1400.52,
            "group_by": "002",
            "year": "2020"
        },
        {
            "sum": 27.14,
            "group_by": "002",
            "year": "2020"
        },
        {
            "sum": 0,
            "group_by": "003",
            "year": "2020"
        },
        {
            "sum": 0,
            "group_by": "004",
            "year": "2020"
        },
        {
            "sum": 0,
            "group_by": "005",
            "year": "2020"
        },
        {
            "sum": 0,
            "group_by": "006",
            "year": "2020"
        },
        {
            "sum": 0,
            "group_by": "007",
            "year": "2020"
        },
        {
            "sum": 0,
            "group_by": "008",
            "year": "2020"
        },
        {
            "sum": 0,
            "group_by": "009",
            "year": "2020"
        },
        {
            "sum": 0,
            "group_by": "010",
            "year": "2020"
        }
    ],
    "2021": [
        {
            "sum": 1400.52,
            "group_by": "002",
            "year": "2021"
        },
        {
            "sum": 27.14,
            "group_by": "002",
            "year": "2021"
        },
        {
            "sum": 0,
            "group_by": "003",
            "year": "2021"
        },
        {
            "sum": 0,
            "group_by": "004",
            "year": "2021"
        },
        {
            "sum": 0,
            "group_by": "005",
            "year": "2021"
        },
        {
            "sum": 0,
            "group_by": "006",
            "year": "2021"
        },
        {
            "sum": 0,
            "group_by": "007",
            "year": "2021"
        },
        {
            "sum": 0,
            "group_by": "008",
            "year": "2021"
        },
        {
            "sum": 0,
            "group_by": "009",
            "year": "2021"
        },
        {
            "sum": 0,
            "group_by": "010",
            "year": "2021"
        }
    ],
    "2022": [
        {
            "sum": 1400.52,
            "group_by": "002",
            "year": "2022"
        },
        {
            "sum": 27.14,
            "group_by": "002",
            "year": "2022"
        },
        {
            "sum": 0,
            "group_by": "003",
            "year": "2022"
        },
        {
            "sum": 0,
            "group_by": "004",
            "year": "2022"
        },
        {
            "sum": 0,
            "group_by": "005",
            "year": "2022"
        },
        {
            "sum": 0,
            "group_by": "006",
            "year": "2022"
        },
        {
            "sum": 0,
            "group_by": "007",
            "year": "2022"
        },
        {
            "sum": 0,
            "group_by": "008",
            "year": "2022"
        },
        {
            "sum": 0,
            "group_by": "009",
            "year": "2022"
        },
        {
            "sum": 0,
            "group_by": "010",
            "year": "2022"
        }
    ]
}

img

img

先看下直柱图的数据结构,再转化

数据组装成 这个例子一样就可以了
https://echarts.apache.org/examples/zh/editor.html?c=bar1