Code of my View file:-
I have made a panel and inside that I have created the bar chart.
<Panel height="400px" width="1520px" class="sapUiSmallMargin" id="barcht2">
<headerToolbar>
<Toolbar>
<Title text="% IMPROVEMENT (Y-o-Y)"></Title>
</Toolbar>
</headerToolbar>
<content>
<viz:ui5.Bar id="improve" width="630px" height="350px">
<viz:plotArea>
<viz:ui5.types.Bar/>
</viz:plotArea>
<viz:dataLabel visible="true" ></viz:dataLabel>
<viz:dataset>
<viz:ui5.data.FlattenedDataset data="{/}">
<viz:dimensions>
<viz:ui5.data.DimensionDefinition axis="1" name="Sub" value="{Sub}">
</viz:ui5.data.DimensionDefinition>
</viz:dimensions>
<viz:measures>
<viz:ui5.data.MeasureDefinition group="1" name="2014" value="{Yr2014}">
</viz:ui5.data.MeasureDefinition>
<viz:ui5.data.MeasureDefinition group="1" name="2015" value="{Yr2015}">
</viz:ui5.data.MeasureDefinition>
</viz:measures>
</viz:ui5.data.FlattenedDataset>
</viz:dataset>
</viz:ui5.Bar>
</content>
</Panel>
The code of my controller is as follows:-
onAfterRendering: function() {
var improvement = [
{
Sub : "Subject1",
Yr2014 : 13,
Yr2015 : 21
}, {
Sub : "Subject2",
Yr2014 : 23 ,
Yr2015 : 17
}, {
Sub : "Subject3",
Yr2014 : 54,
Yr2015 : 8
}, {
Sub: "Subject4",
Yr2014 : 8 ,
Yr2015 : 2
}, {
Sub: "Subject5",
Yr2014 : 16,
Yr2015 : 15
}];
var improveModel = new sap.ui.model.json.JSONModel();
improveModel.setData(improvement);
sap.ui.getCore().setModel(improveModel);
var View=sap.ui.getCore().byId('idbarchart_test1--improve');
View.placeAt('idbarchart_test1--barcht2');
},