Highchart Json与传统的JSON数据不同

时间:2018-05-09 03:01:02

标签: jquery json highcharts

我想用高图制作图表。 使用ajax调用我得到的格式如下:

[{ 'name':'Bananas', 'value':"8"},
        { 'name':'kiwi', 'value':"8"},
        { 'name':'mixed nuts', 'value':"8"},
        { 'name':'orange', 'value':"3"},
        { 'name':'pears', 'value':"2"},
       ]

但Hight图表需要:

[ ['Bananas', 8],
            ['Kiwi', 3],
            ['Mixed nuts', 1],
            ['Oranges', 6],
            ['Apples', 8],
            ['Pears', 4]

        ]

是否有任何高图表方法用于转换json或示例代码格式以更改高图格式的json。

1 个答案:

答案 0 :(得分:0)

您可以使用JavaScript Array#map将数据转换为所需格式:



const data = [{
    'name': 'Bananas',
    'value': "8"
  },
  {
    'name': 'kiwi',
    'value': "8"
  },
  {
    'name': 'mixed nuts',
    'value': "8"
  },
  {
    'name': 'orange',
    'value': "3"
  },
  {
    'name': 'pears',
    'value': "2"
  },
];

const result = data.map(item => [item.name, item.value]);
console.log(result);