Highchart Json 与传统的 JSON 数据不同

Posted 2023-05-08

【中文标题】Highchart Json 与传统的 JSON 数据不同

【英文标题】：Highchart Json Not sommilar to conventional JSON data

【发布时间】：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

【参考方案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);