SAP Analytics Cloud (SAC) is the preferred data analysis tool for many companies. With the help of various graphical elements, you can present your data in SAC in a comprehensible way.
If you want to personalize your reports and present them in your corporate colors, SAC offers a framework that allows you to integrate your specific graphical elements (custom widgets) into SAC.
In our training video and in the text below I explain what you should pay attention to when developing your own Custom Widgets.
- A web server is required for the source files. If you don’t have one yet, I recommend GitHub. This platform is well suited for training purposes.
Once the interface is enabled, you can start configuring it.
Structure of the JSON file
A simple custom widget that also has additional custom properties should contain at least “main” and “styling” data under “Webcomponents” tag.
You can see the structure of a JSON file on the right.
I recommend using a base64 encoded image for the icon. You can convert the image online (e.g.: Base64 Image Encoder)
- onCustomWidgetBeforeUpdate – called before updating the custom widget.
- onCustomWidgetAfterUpdate – called after the custom widget is updated.
- connectedCallback – is called when the widget is added to the HTML DOM of the page.
- disconnectedCallback – called when the widget is removed from the HTML DOM of the page.
- onCustomWidgetResize – called when the size of the custom widget is changed.
Once the development is complete, the custom widget can be loaded into SAC Analytic Applications.
Templates and documentation
The files already created can be used as templates. Here is an example with the pyramid diagram:
SAP also provides Documentation in English.
Want to be inspired by other creative ideas? Here you have some possibilities:
Chart Demos – amCharts
Extensions Archiv – graphomate
Examples – Apache ECharts
D3 Gallery – Observable