Chart (VizFrame)

sap.viz.ui5.controls.VizFrame | sap.suite.ui.commons.ChartContainer

Intro

You can use the sap.viz.ui5.controls.VizFrame control to display different types of chart, with varying degrees of sophistication:

Charts containing large sets of values can be displayed in an interactively rich and responsive way.
Charts containing only a small amount of data can be displayed without interaction.

You can put the VizFrame control inside the ChartContainer SAPUI5 control. This allows you to place a toolbar above the chart, enabling users to switch between a chart and table view, or switch to full screen mode.

Guidelines

Chart Types:

Colors and Patterns

Interactions:

Additional SAP Fiori Requirements:

Number and Time Format

Advanced Features:

Resources

Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.

Elements and Controls

No links.

Implementation

VizFrame (sample in SAPUI5 Demo Kit)
ChartContainer (sample in SAPUI5 Demo Kit)
VizFrame (SAPUI5 API reference)
ChartContainer (SAPUI5 API reference)