Custom Chart

Custom charts allow for the display of data in graphical format based on user-defined logic.

How it Works

Custom chart widget Custom chart widget

Once the logic for data retrieval is entered, the data will be displayed on the widget.

What sets the custom chart apart from others is that the data source can be external, internal, both, or even fabricated. Moreover, multiple charts can be combined within the same widget.

This widget is compatible with eCharts library version 5. Multiple examples can be accessed via the following link: eCharts

Configuration

General

  • Refresh Frequency: allows configuring the data refresh frequency displayed in the list.

  • Title: widget title. It can be configured to remain fixed in the widget or only be displayed when it receives focus.

  • About: widget description in Markdown format.

  • Show widget filters instructs the widget to display its filters. These filters will be passed as an additional parameter to the data retrieval function.

Custom chart code configuration Custom chart code configuration

Here, you input the necessary code to obtain the information to be displayed.

Depending on the selected options, the parameters received by the function will be displayed.

The function must always return a JSON object that is compatible with eCharts’ chart configuration.

Every time the code is updated, it must be evaluated where a preview of the result can be seen.

Custom chart code preview Custom chart code preview