Plotting objects in Chart.js

Question

I have an object in an array (which has been returned by an API). Say,

data = [{"A":"40","B":"37","C":"31.5"}]

How do I push A,B,C,D in the "label" array and the values in the "dataset" array in Chart.js ?

Luis felipe De jesus Munoz · Accepted Answer · 2018-04-23 18:19:15Z

1

Use Object.keys() and Object.values()

Those functions are self explanatory

var data = [{"A":"40","B":"37","C":"31.5"}]

// If you know the property key you want to delete use 
// delete data[0]["A"]

//If you dont know it 
//delete data[0][Object.keys(data[0])[0]]

var labels = Object.keys(data[0]);
var dataset = Object.values(data[0])

console.log("labels: ", labels)

console.log("dataset: ", dataset)

edited Apr 23, 2018 at 18:19

answered Apr 23, 2018 at 17:40

Luis felipe De jesus Munoz

8,0133 gold badges38 silver badges54 bronze badges

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

3 Comments

auditore Over a year ago

Is there a way to skip the first property?

Luis felipe De jesus Munoz Over a year ago

delete data[0]["A"]

Luis felipe De jesus Munoz Over a year ago

Or delete data[0][Object.keys(data[0])[0]]

Collectives™ on Stack Overflow

Plotting objects in Chart.js

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related