hi experts
How we can set data on micro chart with json data,i would like change 56 on image with data from json data
Thanks
Hi Shahid,
Will this help? Plunker
Regards,
Sai Vellanki.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
sap.ui.jsview("view.controllersTile", {
/** Specifies the Controller belonging to this View.
* In the case that it is not implemented, or that "null" is returned, this View does not have a Controller.
* @memberOf cddemoapp.launchpage
*/
getControllerName : function() {
return"";
},
/** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed.
* Since the Controller is given to this method, its event handlers can be attached right away.
createContent : function(oController) {
var oBulletChart = new sap.suite.ui.commons.DynamicContainer({
tiles : [
new sap.suite.ui.commons.GenericTile({
header : 'Manual Override ',
// subheader : 'Close Status',
size : sap.suite.ui.commons.InfoTileSize.L ,
frameType : sap.suite.ui.commons.FrameType.TwoByOne,
// backgroundImage : 'https://36.media.tumblr.com/4c1c24d32d29fe4d2667102a67b07d05/tumblr_nfeoirox8O1qi1d8wo3_500.png',
headerImage : '',
press : function(){alert();},
tileContent : [
new sap.suite.ui.commons.TileContent({
footer : 'AUTOMATED:2069',
content : [
new sap.suite.ui.commons.ComparisonChart({
data : [
new sap.suite.ui.commons.ComparisonData({
title : 'Override',
value : 56,
color : 'Critical'
})
]
});
return(oBulletChart);
}
sai it is the code i am using
Changed to JS view. I used your code, check this sample: Plunker
when i create new project and paste the code its works.But my existing project not working..
Thanks Sai..
Shahid,
What was the issue, any errors on console?
can we move coding at firstPage.controller.js to view.js?
Any specific reason to do that? Usually model initialization will be done in controller only.
Same variable(model) i have used at different part of project,i have changed the variable name and checked but no effect..
Give a name to your model. I changed the code using named model, check the sample: Plunker
var model = new sap.ui.model.json.JSONModel();
model.setData(aData);
sap.ui.getCore().setModel(model, "ComparisonModel");
I think u have change this portion in code ,i tried this but no result
Sai it started working but not showing Numbers on chart
Did you give the model name while binding to properties in view? Check the view code once in the sample that I provided. Also make sure you have this in your HTML.
data-sap-ui-xx-bindingSyntax="complex"
i have
it in HTML
it is my view.js
sap.ui.jsview("view.controllersTile1", {
* @memberOf routingdemo.App
getControllerName: function() {
return "view.controllersTile1";
createContent: function(oController) {
this.setHeight("100%");
var oTemplate = new sap.suite.ui.commons.ComparisonData({
title: "{AmountType}",
value: "{AmountSum}",
color: {
path: 'AmountSum',
formatter: function(v) {
if (v > 2000) {
return "Critical";
} else{
return "Good";
return parseInt(v);
var oChart = new sap.suite.ui.commons.ComparisonChart();
oChart.bindAggregation("data", {
path: "ComparisonModel>/",
template: oTemplate
tiles: [
header: 'Manual Override ',
size: sap.suite.ui.commons.InfoTileSize.L,
frameType: sap.suite.ui.commons.FrameType.TwoByOne,
headerImage: '',
press: function() {
alert();
tileContent: [
//footer: 'AUTOMATED:2069',
content: [oChart]
}).addStyleClass("myCustomTile")
return (oBulletChart);
My controller.js
sap.ui.controller("view.controllersTile1", {
/**
* Called when a controller is instantiated and its View controls (if available) are already created.
* Can be used to modify the View before it is displayed, to bind event handlers and do other one-time initialization.
* @memberOf table_v01.Main
onInit: function() {
var aData = [{
"ContractNumber": "0000010000850",
"AmountType": "REP",
"AmountSum": 3460
}, {
"AmountType": "INT",
"AmountSum": 341
"AmountType": "FEE",
"AmountSum": 1560
}];
sap.ui.getCore().setModel(model,"ComparisonModel");
There you go, you have to bind the model name to your property values as well.
sap.suite.ui.commons.ComparisonData({ title: "{ComparisonModel>AmountType}", value: "{ComparisonModel>AmountSum}", color: { path: 'ComparisonModel>AmountSum', formatter: function(v) { if (v > 2000) { return "Critical"; } else{ return "Good"; } return parseInt(v); } } })
sap.suite.ui.commons.ComparisonData({
title: "{ComparisonModel>AmountType}",
value: "{ComparisonModel>AmountSum}",
path: 'ComparisonModel>AmountSum',
Hi Sai
Now I like to set data from json model for footer of tile also
footer: 'AUTOMATED:2069',
How can we do?
Thanks &Regards
What should be the value and does it come from same model?
Hi sai,
Yes,the value should come from same model,I like to display Total at this place
Thanks...
Plunk Edited, check the sample: Plunker
Bluesky
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.