How can I dynamically add values to my typescript array?

Question

I'm trying to dynamically populate my pieChartColors array, so that in the end my array will look something like this:

public pieChartColors:Array<Color> = [
{
  backgroundColor: '#141C48'
},
{
  backgroundColor: '#FF0000'
},
{
  backgroundColor: '#EFEFEF'
},
...
]

I'm starting with a blank array and have tried a few different ways to get the values added, but none of them are working (my color values are stored without the hash symbol):

public pieChartColors: Array<Color> = [];

public buildPieChart() {
...        
    for (let pie of pieData) {
      // none of these work
      this.pieChartColors.push(backgroundColor: '#'+pie.backgroundColor);
      this.pieChartColors.backgroundColor.push('#'+pie.backgroundColor);
      this.pieChartColors['backgroundColor'].push('#'+pie.backgroundColor);
    }
...
}

BTW, pieData is an object I'm looping through from the database with the backgroundColor values. If I console.log the pie.backgroundColor, the value is available.

lilezek · Accepted Answer · 2017-09-25 16:02:37Z

1

Just do it like in JavaScript:

this.pieChartColors.push({backgroundColor: '#'+pie.backgroundColor});

answered Sep 25, 2017 at 16:02

lilezek

7,4552 gold badges30 silver badges47 bronze badges

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

Collectives™ on Stack Overflow

How can I dynamically add values to my typescript array?

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