使用javascript对象创建高图饼图

问题描述 投票:0回答:1

我正在使用高图来创建图表。我有一个像这样的javascript对象

test1:38
test2:2
test3:160

我想创建一个饼图,其中包含此对象的值

series: [{

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

如何使用我的javascript对象创建这样的数据数组。我是javascript的新手,所以任何帮助将不胜感激。

javascript highcharts
1个回答
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)
© www.soinside.com 2019 - 2024. All rights reserved.