使用javascript对象创建highchart饼图

Question

我正在使用highchart创建图表。我有一个像这样的javsascript对象

test1:38
test2:2
test3:160

我想用该对象的值创建一个类似这样的饼图

series: [{

          name: 'Success',
          data: [
          {name:"test1", y:1},
         {name:"test2", y:38},
         {name:"test3", y:k},]
}]

如何使用我的javascript对象创建像这样的数据数组。我是javascript新手，因此将不胜感激。

Answer 1

您可以map对象的entries来获取data数组

const input = {
  test1: 38,
  test2: 2,
  test3: 160
}

const data = Object.entries(input)
                   .map(([name, y]) => ({ name, y }))

console.log(data)

const chart = {
  series: [{
    name: 'Success',
    data
  }]
}

console.log(chart)