SAP Fiori KPI’s not working in Chrome due to TypeError: n.getTransformToElement is not a function Error

TypeError: n.getTransformToElement is not a function

KPI Tiles app allows you to create tile visualizations for an active evaluation.

The app also lets you configure the drill-down navigation path for the tile. This determines whether you navigate from the tile to the SAP Smart Business generic drill-down application or to a custom application when you click the tile at runtime.

But these KPI tiles which got analytical/graphical representation of data doesn’t show up in chrome, it is because of the latest Chrome version 48, however it works fine with other browsers like IE, Firefox, Safari.

It throws you error as

“TypeError: n.getTransformToElement is not a function”

or

“Failed to create chart:TypeError: J.getTransformToElement is not a function”

It is not only for KPI tiles but also for People Profile app and may be few other which loads graphs will have this issue.

SAP Provided a solution with latest UI5 libraries version 1.34.4 (which is SAP NW 7.5 + additional patching for 1.34.4 library files) but for the customers who doesn’t want to upgrade to NW 7.5 and would like to stay at 7.4, please follow below solution.

Add below code in browser console for testing whether it is working or not.

SVGElement.prototype.getTransformToElement = SVGElement.prototype.getTransformToElement || function(toElement) {

    return toElement.getScreenCTM().inverse().multiply(this.getScreenCTM());

};

Hit Enter after entering the above code and click on Home or back button and click on the KPI tile again.

You will notice that graph is back. For a permanent solution, you can also embed the code in Fiorilaunchpad.html file which actually loads all Fiori apps. But remember when you upgrade Gateway system then you probably need to redo the same step by modifying Fiorilaunchpad.html file. Put the code in <script> tags while embedding in Fiorilaunchpad.html file.

Hope this helps.

Regards,

Joseph Chinnabathini