Highchart Json 与传统的 JSON 数据不同答案

【问题标题】：Highchart Json Not sommilar to conventional JSON dataHighchart Json 与传统的 JSON 数据不同
【发布时间】：2018-10-19 01:43:43
【问题描述】：

我想使用高图表制作图表。通过 ajax 调用，我得到如下格式：

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

但海图需要：

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

        ]

有没有转换json的highchart方法或示例代码格式将json转换成highchart格式。

【问题讨论】：

Highcharts 没有为此提供方法 - 用户有责任提供适当格式的数据。数组格式不是唯一可用的。这是所有可接受格式的文档：highcharts.com/docs/chart-concepts/series

标签： jquery json highcharts

【解决方案1】：

您可以使用 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);

【讨论】：