Skip to Content
0
Jan 17, 2014 at 07:40 AM

Remove/Fade out the value bubble of a sap.viz.ui5.Pie -Chart

100 Views

Hello all,

I am still new in sapui5 development. I have created a piechart.

I used this example:

<!DOCTYPE html>

<html><head>

<meta http-equiv='X-UA-Compatible' content='IE=edge' />

<meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>

<title>OData Date Formats</title>

<script id='sap-ui-bootstrap' type='text/javascript'

src='https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js'

data-sap-ui-theme='sap_bluecrystal'

data-sap-ui-xx-fakeOS="ipad"

data-sap-ui-libs='sap.ui.commons,sap.ui.ux3,sap.ui.table,sap.m,sap.viz'>

</script>

<script>

var oBusinessData = [ {

Country : "Canada",

revenue : 410.87,

profit : -141.25,

population : 34789000

}, {

Country : "China",

revenue : 338.29,

profit : 133.82,

population : 1339724852

}, {

Country : "France",

revenue : 487.66,

profit : 348.76,

population : 65350000

}, {

Country : "Germany",

revenue : 470.23,

profit : 217.29,

population : 81799600

}, {

Country : "India",

revenue : 170.93,

profit : 117.00,

population : 1210193422

}, {

Country : "United States",

revenue : 905.08,

profit : 609.16,

population : 313490000

} ];

var oModel = new sap.ui.model.json.JSONModel();

setTimeout(function() {

oModel.setData({

businessData : oBusinessData

});

}, 4000);

var dataset = new sap.viz.ui5.data.FlattenedDataset({

dimensions : [ {

axis : 1,

name : 'Country',

value : "{Country}"

} ],

measures : [ {

name : 'Revenue',

value : {

path : 'revenue',

formatter : function($) {

return 2 * $;

}

}

} ],

data : {

path : "/businessData",

factory : function() {

}

}

});

var pie = new sap.viz.ui5.Pie({

width : "80%",

height : "400px",

plotArea : {

//'colorPalette' : d3.scale.category20().range()

},

/*

title : {

visible : true,

text : 'Revenue By Country'

},*/

dataset : dataset

});

pie.setModel(oModel);

pie.placeAt("summaryChart");

</script>

</head>

<body class='sapUiBody'>

<div id='summaryChart'></div>

</body>

</html>

---------------------------------------------------------------------------------------------------------------

Now I want to remove or fade out the bubble which appears if you click on a single part of the pie chart.

What I can do?

Thanks for every help!

Regards Florian