javascript - 使用 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)