請問 JS 如何做到同一個 bar 可以多次顯示同個狀態?
如下圖，目前困難點是找到的套件通常只有狀態合計不能有拆分

現在能做到

期望效果

目前使用套件、代碼:
https://www.chartjs.org/docs/latest/charts/bar.html

數據結構

{
    "success": true,
    "code": 1000,
    "message": "操作成功！",
    "totalItems": 5,
    "data": [
        {
            "machineNo": "C01",
            "oeeDetailVOS": [
                {
                    "startTime": 1687622400000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "77730",
                    "waitReason": null
                },
                {
                    "startTime": 1687700130000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "169",
                    "waitReason": null
                },
                {
                    "startTime": 1687700299000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "4860",
                    "waitReason": null
                },
                {
                    "startTime": 1687705159000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "137",
                    "waitReason": null
                },
                {
                    "startTime": 1687705296000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "3504",
                    "waitReason": null
                }
            ],
            "oeeProportionVOS": [
                {
                    "color": "001",
                    "duration": "306",
                    "proportion": "0.35"
                },
                {
                    "color": "010",
                    "duration": "86094",
                    "proportion": "99.65"
                },
                {
                    "color": "100",
                    "duration": "0",
                    "proportion": "0.00"
                },
                {
                    "color": "000",
                    "duration": "0",
                    "proportion": "0.00"
                }
            ]
        },
        {
            "machineNo": "C02",
            "oeeDetailVOS": [
                {
                    "startTime": 1687622400000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "25184",
                    "waitReason": null
                },
                {
                    "startTime": 1687647584000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "698",
                    "waitReason": null
                },
                {
                    "startTime": 1687648282000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "60518",
                    "waitReason": null
                }
            ],
            "oeeProportionVOS": [
                {
                    "color": "001",
                    "duration": "85702",
                    "proportion": "99.19"
                },
                {
                    "color": "010",
                    "duration": "698",
                    "proportion": "0.81"
                },
                {
                    "color": "100",
                    "duration": "0",
                    "proportion": "0.00"
                },
                {
                    "color": "000",
                    "duration": "0",
                    "proportion": "0.00"
                }
            ]
        },
        {
            "machineNo": "C03",
            "oeeDetailVOS": [
                {
                    "startTime": 1687622400000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "4456",
                    "waitReason": null
                },
                {
                    "startTime": 1687626856000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "49",
                    "waitReason": null
                },
                {
                    "startTime": 1687626905000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "18109",
                    "waitReason": null
                },
                {
                    "startTime": 1687645014000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "7",
                    "waitReason": null
                },
                {
                    "startTime": 1687645021000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "20923",
                    "waitReason": null
                },
                {
                    "startTime": 1687665944000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "26",
                    "waitReason": null
                },
                {
                    "startTime": 1687665970000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "161",
                    "waitReason": null
                },
                {
                    "startTime": 1687666131000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "1",
                    "waitReason": null
                },
                {
                    "startTime": 1687666132000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "28501",
                    "waitReason": null
                },
                {
                    "startTime": 1687694633000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "34",
                    "waitReason": null
                },
                {
                    "startTime": 1687694667000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "14133",
                    "waitReason": null
                }
            ],
            "oeeProportionVOS": [
                {
                    "color": "001",
                    "duration": "86283",
                    "proportion": "99.86"
                },
                {
                    "color": "010",
                    "duration": "117",
                    "proportion": "0.14"
                },
                {
                    "color": "100",
                    "duration": "0",
                    "proportion": "0.00"
                },
                {
                    "color": "000",
                    "duration": "0",
                    "proportion": "0.00"
                }
            ]
        },
        {
            "machineNo": "C04",
            "oeeDetailVOS": [
                {
                    "startTime": 1687622400000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "31302",
                    "waitReason": null
                },
                {
                    "startTime": 1687653702000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "19",
                    "waitReason": null
                },
                {
                    "startTime": 1687653721000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "25062",
                    "waitReason": null
                },
                {
                    "startTime": 1687678783000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "399",
                    "waitReason": null
                },
                {
                    "startTime": 1687679182000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "8226",
                    "waitReason": null
                },
                {
                    "startTime": 1687687408000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "21392",
                    "waitReason": null
                }
            ],
            "oeeProportionVOS": [
                {
                    "color": "001",
                    "duration": "64590",
                    "proportion": "74.76"
                },
                {
                    "color": "010",
                    "duration": "21810",
                    "proportion": "25.24"
                },
                {
                    "color": "100",
                    "duration": "0",
                    "proportion": "0.00"
                },
                {
                    "color": "000",
                    "duration": "0",
                    "proportion": "0.00"
                }
            ]
        },
        {
            "machineNo": "C05",
            "oeeDetailVOS": [
                {
                    "startTime": 1687622400000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "32359",
                    "waitReason": null
                },
                {
                    "startTime": 1687654759000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "635",
                    "waitReason": null
                },
                {
                    "startTime": 1687655394000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "29413",
                    "waitReason": null
                },
                {
                    "startTime": 1687684807000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "21209",
                    "waitReason": null
                },
                {
                    "startTime": 1687706016000,
                    "machineStatusEnum": {
                        "machineState": 4,
                        "machineStateName": "運行"
                    },
                    "duration": "129",
                    "waitReason": null
                },
                {
                    "startTime": 1687706145000,
                    "machineStatusEnum": {
                        "machineState": 3,
                        "machineStateName": "等待"
                    },
                    "duration": "2655",
                    "waitReason": null
                }
            ],
            "oeeProportionVOS": [
                {
                    "color": "001",
                    "duration": "61901",
                    "proportion": "71.64"
                },
                {
                    "color": "010",
                    "duration": "24499",
                    "proportion": "28.36"
                },
                {
                    "color": "100",
                    "duration": "0",
                    "proportion": "0.00"
                },
                {
                    "color": "000",
                    "duration": "0",
                    "proportion": "0.00"
                }
            ]
        }
    ]
}