将对象数组拆分为图表上X和Y轴的数组？

Question

我从数据库中收到以下json响应：

let data = [
{sum: "42", year: "2018", monthNum: "12", month: "Dec"},
{sum: "24", year: "2019", monthNum: "01", month: "Jan"},
{sum: "20", year: "2019", monthNum: "02", month: "Feb"},
{sum: "41", year: "2019", monthNum: "03", month: "Mar"}
]

并且我希望将此数据用于图表，在该图表中，我在y轴上绘制“总和”，在x轴上绘制月份。问题是我不确定如何使每个x值对应于正确的y值。每当我尝试绘制图表时（通过拆分数组以及其他方法），图表都会错误地显示数据，例如，3月将显示总和20，或1月将显示总和42。

我尝试了

data.map(m => m.sum);（y轴）和

data.map(m => m.year + " " + m.month);（x轴）。

这仅返回两个相互断开连接的已完成数组，例如

["42", "20", "24", "41"]  和

["2018 Dec", "2019 Mar", "2019 Jan", "2019 Feb"]

我该如何将它们“绑”在一起？