ReportServer Forum

Hamza_DBM

Member

Registered: 2018-06-04

Change color of charts/ graphs in reports.

Hi folks,

Is it possible to change colors of the charts and graphs as i don't want show the red color?

Thank You .

IF_Eduardo

Administrator

Registered: 2016-11-01

Website

Re: Change color of charts/ graphs in reports.

Hi Hamza_DBM,

what kind of report are you talking about? Jasper/Birt/Crystal/Saiku/Mondrian ?
And which version do you have (rsversion.properties). Manual installation or bitnami ?

Regards,
Eduardo

Hamza_DBM

Member

Registered: 2018-06-04

Re: Change color of charts/ graphs in reports.

Hi eduardo,

Just normal RS reports with view  chart: multiple Bar  or chart line

Version RS3.0.5-6005 (2018-10-30-10-32-54)

Thank You.

Hamza_DBM

Member

Registered: 2018-06-04

Re: Change color of charts/ graphs in reports.

Dynamic lists in pivot mode using charts and graphs for the view

IF_Eduardo

Administrator

Registered: 2016-11-01

Website

Re: Change color of charts/ graphs in reports.

Hi Hamza_DBM,

please check the SaikuChartRenderer.js file(s). Here, you see the color settings of the chart rendering: e.g. ["#1f77b4", "#aec7e8", "#ff7f0e", "#ffbb78", "#2ca02c", "#98df8a", "#d62728", "#ff9896", "#9467bd", "#c5b0d5", "#8c564b", "#c49c94", "#e377c2", "#f7b6d2", "#7f7f7f", "#c7c7c7", "#bcbd22", "#dbdb8d", "#17becf", "#9edae5"]

You may change them as you need.

We raised ticket RS-3229 to investigate why this file is included 3 times in reportserver. This may be a bug. Please try with the different files to check which one you are able to customize the colors. We will further consider implementing better configuration settings for the saiku charts.
Remember to completely erase your browser's cache after changing these files in order to load the most recent version.

Regards,
Eduardo

IF_Eduardo

Administrator

Registered: 2016-11-01

Website

Re: Change color of charts/ graphs in reports.

Hi Hamza_DBM,

for completeness:

if you change the following in all three files:
1. reportserver/resources/saiku/js/saiku/render/SaikuChartRenderer.js
2. reportserver/WEB-INF/classes/resources/saiku/SaikuChartRenderer.js
3. reportserver/WEB-INF/classes/resources/saiku/render/SaikuChartRenderer.js

options.colors = ['#AE1717', '#AE5B17', '#0E6868'];  ---->  options.colors = ['#172ab7', '#17b72e', '#c3f458'];

You get, after a complete browser cache and temp files deletion, the following chart:

The settings described should allow you to create a color theme that fits your enterprise theme.

Regards,
Eduardo

sritter

Member

Registered: 2020-07-07

Re: Change color of charts/ graphs in reports.

We will further consider implementing better configuration settings for the saiku charts.

Is the post still the way to go? Is this update save?