Step 9 - Set Chart Colors
Last updated
Was this helpful?
Last updated
Was this helpful?
Tutorial 1 for Pro Version: Aggregate and Visualize Your Data
Although there is a very quick, easy way to set your chart's colors using the "Color Palette" feature, it is best practice to tie your chart's colors to the chart's series levels. Otherwise, you could end up with something like this:
If you cut corners, your colors will get misaligned when the report is run for a dataset in which not all your chart's series/performance levels are represented.
We will use Bucket Properties to set the chart's colors, just like we did to set the chart's labels in Step 8. It's almost the exact same process we completed in Step 8.
To start, you'll want to get the HEX codes for the colors you want to use.
Double-click on your chart
Click Chart Data > Configuration
Double-click on the Series Levels you created
Click Bucket Properties
Click Add
Set Property name to "color"
Click on the Pencil Icon to bring up the Expression Editor
Enter the following expression:
Click Finish
Whenever you create a bucket property, you need to pass the property to a measure.
Double-click on the Measure you created
Click Advanced Properties
Click Add
Set Contributor to "SeriesProperty" (Use drop down menu)
Set Property name to "color" (all lowercase, the property name is case sensitive)
Select Use Bucket Value
Select the "color" Bucket Property you just created
Click OK
Now, preview your report. The chart's colors have now been customized.
Or, use these Hex codes if you don't want to bother picking colors right now:
Refer to for detailed documentation on writing expressions in JSS.
