Setting Custom Chart Colors in the Page Designer

Last Updated: 05/03/2018 Introduced in Version: 2.0

After adding a chart to a portal page, the user can customize the colors for each column on the chart.  The user must enter the column name while customizing its color.

To customize chart colors, select the chart in the Page Designer work space.  In the Properties Panel, click the Use Custom Color checkbox, then define the colors using the Pick Color dialog. Please take note that some chart types do not allow separate custom colors.

Example

The goal of this example is to:

  1. Add a Pie chart to the page;
  2. Set custom colors for the chart columns.

To begin, navigate to a Designer Folder and navigate to All > Manage > Page > Add Page button.

 

In the resulting Create New Page dialog, name the page and click CREATE to open the Page Designer

 

Begin in the Page Elements panel, by dragging a Pie chart component to the workspace from the category Reports > [Existing Reports] > [Current Folder] > Report: Report 1 > Chart: Count(folder_type_name).

 

In the Properties Panel, in the Chart Settings section, select the Use Custom Colors checkbox, then click the Add New selector.

 

In the Pick Color dialog, select a color and click PICK.  The user can also define a custom color by selecting Advanced. Select OK to finish assigning this value a color. Back in the Properties panel assign more colors to specific values. 

 

 

In the Properties panel under User Defined Colors assign more colors to specific values. Your changes will not be seen within the Page Designer. 

 

 

This completes the page.  Save it and close the Page Designer.

To view the chart, select the newly created page select View > Preview Page from its Action menu.

 

The page opens, displaying the chart with the custom colors defined.

Additional Resources