Creating highchart piechart with a javascript object

Question

I am using highchart to create a graph. I have a javsascript object like this

test1:38
test2:2
test3:160

I want to create a piechart with the values of this object something like this

series: [{

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

How can I create the data array like this using my javascript object.I am new to javascript so any help would be appreciated.

adiga · Accepted Answer · 2019-04-30 08:50:52Z

1

You could map the entries of the object to get the data array

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)

answered Apr 30, 2019 at 8:50

adiga

35.4k9 gold badges66 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Creating highchart piechart with a javascript object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related