ZingChart: Setting background color for a gauge chart

You can set a background color for gauge charts within :

...
scaleR:{
   ...
   guide:{
      lineWidth: 2,
      lineColor:'#ff0000', //red lines
      items:[
       {
         backgroundColor:"#ccc
       }
      ]
   }
}

Demo

The demo above sets a backgroundColor for the sections between the red lines.  If you need to create multiple colors this also can be done.

...
scaleR:{
   	ring:{
   	  backgroundColor:'#ED792F' //set orange ring
   	},
   	guide:{
   	  lineWidth: 2,
   	  lineColor:'#ff0000', //red lines
   	  items:[
   	    {
   	      backgroundColor:'#ccc' //grey background
   	    },
   	    {
   	      backgroundColor:'#aaa' //light grey background
   	    }
   	  ]
   	}

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us