viz chart application by using SAPUi5 API and also i used model as a local json model.
API used in application i.e
sap.viz.ui5.data.FlattenedDataset
var oModel = new sap.ui.model.json.JSONModel({
data : [
{ country : 'India(Hyd)', customer : 'SAP ABAP ', Issues : 32 },
{ country : 'Abu Dhabi', customer : 'SAP ABAP ', Issues : 43 },
{ country : 'Australia', customer : 'SAP ABAP ', Issues : 34 },
{ country : 'India(banglore)', customer : 'SAP ABAP', Issues : 25 },
{ country : 'India(Hyd)', customer : 'SAP WB Dyn Pro ', Issues : 78 },
{ country : 'Abu Dhabi', customer : 'SAP WB Dyn Pro ', Issues : 86 },
{ country : 'Australia', customer : 'SAP WB Dyn Pro ', Issues : 56 },
{ country : 'India(banglore)', customer : 'SAP WB Dyn Pro ', Issues : 76 },
{ country : 'India(Hyd)', customer : 'SAP CRM ', Issues : 78 },
{ country : 'Abu Dhabi', customer : 'SAP CRM ', Issues : 86 },
{ country : 'Australia', customer : 'SAP CRM ', Issues : 56 },
{ country : 'India(banglore)', customer : 'SAP CRM ', Issues : 76 },
{ country : 'India(Hyd)', customer : 'SAP Fiori ', Issues : 78 },
{ country : 'Abu Dhabi', customer : 'SAP Fiori ', Issues : 86 },
{ country : 'Australia', customer : 'SAP Fiori ', Issues : 56 },
{ country : 'India(banglore)', customer : 'SAP Fiori ', Issues : 76 }
]
});
sap.ui.getCore().setModel(oModel);
var dataset = new sap.viz.ui5.data.FlattenedDataset({
dimensions : [
{ axis : 1, name : 'Country', value : "{country}" },
{ axis : 2, name : 'customer', value : "{customer}" }
],
measures : [
{ name : 'Solved', value : '{Issues}' }
],
data : { path : "/data" }
});
new sap.viz.ui5.StackedColumn("oChart",{
width : "100%",
height : "500px",
title : { visible : true, text : ' (Application Management Services)' },
dataset : dataset
}).placeAt("content");
</script>
<h1> SERVICES AMS Tracker</h1>
</head>
<body class="sapUiBody">
<div id="content"></div>