CRM WebUI - Change colors in SAP UI5 charts

[mukul_kulkarni_schindler]

Dear Experts,

We have activated UI5 charts in CRM WebUI since Flash has been discontinued from Dec 2020. Our requirement is to change color pallet of UI5 charts as per the business need.

We could think of 4 possible solutions:

1. d3 Librarey : Modify the color pallet directly in d3 library but since it is a global library, any change to it would probably reflect/affect everywhere. SAP recommended not to do it.

2. UI5 Theme Designer : It does not influence the color scheme of UI5 charts in CRM WebUI.

3. Alternate Java-script files : Another option would be to make a copy of scripts_tablegraphics.js file and then modify these JavaScript functions but then we have to modify all relevant calls throughout the application and handle cross references with other JavaScript functions which is not feasible.

4. Modify JavaScript which creates Charts : Charts are created through BSP application THTMLB_SCRIPTS -> scripts.js -> scripts_tablegraphics.js -> JS Function thtmlbPushTableGraphicsDataUI5 -> JS Function th_cellGraphApplyData (line 592). A possibility would be to get an Access Key and change this SAP standard JavaScript file.

SAP has recommend Option 4 but since scripts.js file contains all java-scripts forming the backbone of the CRM application, the change could make the whole CRM application unstable + SAP will not support it anymore therefore we do not want to consider Option 4.

frame.setVizProperties({
title: {
text: obj.title,
},
plotArea: {
colorPalette: d3.scale.category20().range(),
dataLabel: { visible: true, type: 'percentage', automaticInOutside: true},
drawingEffect: "glossy"
},

Do any see any other way to change the color pallet ?

Thank you,

Regards,

Mukul Kulkarni