在 chartjs 中使用数据结构

Question

我正在尝试在我的 chartjs 中加载数据，它看起来像这样：

const data = [
{_id:1,contact:[{name:"Jane Doe",PhoneNumber:0234567}],Group:"groupName"},
{_id:2,contact:[{name:"Jane Doe",PhoneNumber:0234567}],Group:"groupName1"},
{_id:3,contact:[{name:"John Doe",PhoneNumber:0234567}],Group:"groupName1"}
]

我希望我的图表看起来像这样

[name:...,phoneNumber:...Group:....]

我该如何实现

Answer 1

您可以为此使用 map 函数。

试试这个

const data = [
    {
        _id: 1,
        contact: [{ name: "Jane Doe", PhoneNumber: 0234567 }],
        Group: "groupName"
    },
    {
        _id: 2,
        contact: [{ name: "Jane Doe", PhoneNumber: 0234567 }],
        Group: "groupName1"
    },
    {
        _id: 3,
        contact: [{ name: "John Doe", PhoneNumber: 0234567 }],
        Group: "groupName1"
    }
];

data.map(item => {
    return {
        name: item.contact[0].name,
        phoneNumber: item.contact[0].PhoneNumber,
        Group: item.Group
    };
});

输出

[
    {
        "name": "Jane Doe",
        "phoneNumber": 80247,
        "Group": "groupName"
    },
    {
        "name": "Jane Doe",
        "phoneNumber": 80247,
        "Group": "groupName1"
    },
    {
        "name": "John Doe",
        "phoneNumber": 80247,
        "Group": "groupName1"
    }
]

在 chartjs 中使用数据结构

using data structures in chartjs

javascript

reactjs

chart.js