How to change the color palette of charts

There is a way to make a global change to the color palette of charts in DashboardFox. As we add and update visualizations, we put a color picker directly in the visualization wizard (the Map visualization has one). But for line, bar, column, pie, and other charts, this will let you adjust the color palette to your preferences.

In the meantime, you can add a snippet of code to the Custom.js file and globally change the color to whatever you like.

This code would go in c:\program files(x86)\dashboardfox\frontend\assets\js\lib\custom.js

Code added here will override the normal colors with the ones included below.  Because it is in the custom.js file, anytime you make a change to this file, be sure to clear your cache or use a fresh incognito window so all the new changes are loaded.

When you edit this file, you'll see a few sections in there,  the code below would go into the doCustom section.  I highlighted in bold the code to copy and paste, and just included the first and last line as reference to where you put it in the custom.js file.

var doCustom = function(){

customPalette = function() {
return [ "#00AEEF", "#77D238", "#673AB7", "#607D8B", "#000000", "#FFEA00", "#00B6DF", "#F44336", "#4FC3F7", "#93DF53", "#9575CD",
"#90A4AE", "#263238", "#FFFF00", "#2EC2E7", "#0288D1", "#6CC12D", "#512DA8", "#455A64", "#1E105A", "#FFD600", "#00A0C4",
"#E57373", "#01579B", "#5DA71E", "#311B92", "#007F9C", "#023B69", "#E2BE00", "#00708C", "#599B1A", "#C6A601", "#FF33AD"];


};

You can replace the hex codes above with your own variations of color to use.

For charts that use only 1 color, the very 1st color would be the one it uses.