Chart (VizFrame)

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

Intro

Use the sap.viz.ui5.controls.VizFrame control to display different types of charts. The VizFrame control can display charts containing large sets of values in an interactively rich and responsive way, or it can display charts containing a small amount of data with no interaction.

You can put the VizFrame control inside the ChartContainer SAPUI5 control. This enables you to place a toolbar above the chart which gives users the ability to switch between a chart view and a table view, as well as 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 (SAPUI5 samples)
ChartContainer (SAPUI5 samples)
VizFrame (SAPUI5 API reference)
ChartContainer (SAPUI5 API reference)