Quantcast
Viewing all articles
Browse latest Browse all 789

Combination Chart using sap.makit library

Combination charts allow multiple layers of a graph to share the same category, but have their own values and series grouped and drawn in different styles.

A combination chart consist of two components:

  • sap.makit/CombinationChart control
  • sap.makit/Layer element

To create a combination chart, create a CombinationChart control and add multiple Layer elements. TheCombinationChart control serves as a container for the combination chart and multiple charts are added by means of 'layers' aggregation: each chart in the CombinationChart is represented by the Layer object. TheCombinationChart control contains all the properties, aggregations, events, and methods that are shared by all layers.

Steps

  1. Load sapui5 and add makit library
  2. Get the Data.I am using custom data.data should be like thisImage may be NSFW.
    Clik here to view.
    1.PNG
  3. Create CombinationChart control and define categoryRegions

Image may be NSFW.
Clik here to view.
2.PNG

     4.Create Layers.

Image may be NSFW.
Clik here to view.
3.PNG

 

     5.Add columns

Image may be NSFW.
Clik here to view.
4.PNG

     6.Bind data to layers

Image may be NSFW.
Clik here to view.
5.PNG

     7.Add layers to combination chart.

Image may be NSFW.
Clik here to view.
6.PNG

     8.Add combination chart to Page and add page to App control.

Image may be NSFW.
Clik here to view.
7.PNG

 

For more information visit blog SAPUI5 Charts:Combination chart using sap.makit library | sap abap | sapui5 made easy


Viewing all articles
Browse latest Browse all 789

Trending Articles