Rendering Data with a Visualization Library

Objective

After completing this lesson, you will be able to render bound data in a custom widget using a third-party visualization library.

Render Bound Data with Apache ECharts

After accessing data through data binding, the next step is to visualize it using a chart. The bound data is rendered using the open-source Apache ECharts library.

Hint

When you develop your custom widget, you can use any library or develop your own visualization.

Exercise

In this exercise, you will use the third-party Apache ECharts library to render data inside a custom widget.

You will:

  1. load a third-party visualization library,
  2. transform bound data into a chart-compatible structure
  3. render data as a line chart inside a custom widget.

Result

The custom widget displays data as a chart.

Summary

Custom widgets can use external libraries to visualize data beyond standard SAP Analytics Cloud capabilities.

Bound data must be transformed into the format required by the visualization library.

Rendering logic connects data binding with visual output, enabling dynamic and interactive charts.