Vue echarts数据

Question

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"
        }
    ]
}

Answer 1

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