Skip to Content

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/CombinationChartcontrol
  • sap.makit/Layerelement

To create a combination chart, create aCombinationChartcontrol and add multipleLayerelements. TheCombinationChartcontrol serves as a container for the combination chart and multiple charts are added by means of ‘layers’ aggregation: each chart in theCombinationChartis represented by theLayerobject. TheCombinationChartcontrol 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 this1.PNG
  3. Create CombinationChart control and define categoryRegions

2.PNG

     4.Create Layers.

3.PNG

     5.Add columns

4.PNG

     6.Bind data to layers

5.PNG

     7.Add layers to combination chart.

6.PNG

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

7.PNG

sharing sample code

JS Bin – Collaborative JavaScript Debugging

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply