Hi Sandeep,
var bar = new sap.viz.ui5.Bar({
id : "bar",
width : "80%",
height : "400px",
plotArea : {
//'colorPalette' : d3.scale.category20().range()
},
interaction : {
selectability : {
mode : 'single'
},
decorations : [{
name : 'showDetail',
fn : function(options){
var _rootNode = $("#myTooltip");
var _mode = options.mode;
//update content
_rootNode.find(".summary .number").text(options.selectedNumber);
//_rootNode.find(".mode").text(options.mode);
var dataNode = _rootNode.find(".data");
dataNode.find(".datum").remove();
if (options.data && options.data.length) {
for (var i = -1; ++i < options.data.length; ) {
var item = options.data[i];
var itemNode = $("<div class='datum'><span class='key'>" + item.name + "</span><span class='value'>" + item.value + "</span></div").appendTo(dataNode);
if (item.type === 'measure') {
itemNode.find('.value').css("text-decoration", "underline");
}
}
}
//show it
_rootNode.css({
"display": "block",
"left": options.position.x + 4,
"bottom": $(document).height() - options.position.y + 4 //let tooltip showing above mouse point
});
}
}, {
name : 'hideDetail',
fn : function(options){
var _rootNode = $("#myTooltip");
if(_rootNode){
_rootNode.css("display", "none");
}
return true;
}
}]
},
title : {
visible : true,
text : 'Profit and Revenue By Country'
},
noData : new sap.ui.commons.Button({
text : "No data!"
})
});
Regards,
Naren L Naik