How do I have no background on my chart?

To make your chart background match the container div or become transparent you need to set your backgroundColor to transparent or none.

There are two places you need to set this property. In the plotarea object or the root. There is a difference, so instead of telling you I will show you.

{
  type: "bar",
  backgroundColor:'red', // This is in the root
  plotarea:{
    backgroundColor:'black'
  }...
}

Now that you see the difference between backgroundColor in the root and plotarea, lets put it all together. Lets set the CSS background-color to grey and check out the results of setting our chart attributes to the following

backgroundColor:'none', // This is in the root
plotarea:{
  backgroundColor:'transparent'
}...

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.