javascript - Highcharts 将 JSON 转换为数据而不丢失信息

Question

我得到了一个具有以下格式的 JSON:

[{"date":1508473800525,"total":150,"class1":55,"class2":36},{...},{...}]

我想在这个例子中使用它:https://www.highcharts.com/stock/demo/responsive

输入数据采用以下形式:

[[1508473800525,150],[...]]

为了获得相同的输入，我用 foreach 转换我的 json，然后将其插入这样的数组

array.push([JSON.parse(elementObject["date"]), JSON.parse(elementObject["total"])])

它有效，但是当我在图表中使用它时:

series : [{ data : array }] 

我无法访问 class1 和 class2。

我怎样才能用其他方式做到这一点？

Answer 1

从您的代码中，您没有将 class1 和 class2 推送到数组。您最好使用 Object.keys 来确保保留对象中的所有属性。

const responseJson = '[{"date":1508473800525,"total":150,"class1":55,"class2":36},{...},{...}]';

const dataForChart = JSON.parse(responseJson)
.map(obj => {
  const keys = Object.keys(obj);
  return keys.reduce((f, c) => {
    f.push(obj[c]);
    return f;
  }, [])
});