Quantcast
Channel: SCN: Message List
Viewing all articles
Browse latest Browse all 3458

Re: How to Avoid multiple selection of bars in Vizchart

$
0
0

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


Viewing all articles
Browse latest Browse all 3458

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>