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:

• All Chart Types
• Choosing the Correct Chart Type

Colors and Patterns

• How to Use the Color Palettes
• Color Names and HEX Values
• Semantic Pattern

Interactions:

• Embedding
• Gestures
• Popover
• Selection
• Toolbar
• Zoom

Additional SAP Fiori Requirements:

• Number and Time Format

Advanced Features:

• Legend
• Legend (Value-Based)
• Reference Lines
• Size of the Chart Container
• Time Axis
• Value Display
• Range Selector

Resources