ZingChart: Can you help me theme color values for different charts?

var myTheme = {  
  "palette" : { // object
    "pie" : [ // Key is chart type name, value is array of arrays
      ["#ffffff", "#40beeb", "#40beeb", "#40beeb"], // array of colors for plot 0
      ["#ffffff", "#305f74", "#305f74", "#305f74"], // array of colors for plot 1
      ["#ffffff", "#4492a8", "#4492a8", "#4492a8"], // array of colors for plot 2
      ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"], // etc...
      ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    ],
    "vbar" : [
      ["#ffffff", "#40beeb", "#40beeb", "#40beeb"],
      ["#ffffff", "#305f74", "#305f74", "#305f74"],
      ["#ffffff", "#4492a8", "#4492a8", "#4492a8"],
      ["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"],
      ["#ffffff", "#85bdcd", "#85bdcd", "#85bdcd"]
    ]
  }
};

Then in your render() method, specify that you'd like to use your theme like so:

zingchart.render({ 
  id : 'myChart',  
  data : myJson, 
  height: 400, 
  width: 600,
  defaults:myTheme
});

Example: https://demos.zingchart.com/view/314MBPJL

Documentation

Custom Themes
Plot Styling

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