angularjs - Removing total from angular nvd3 stacked area chart tooltip -
i using stacked area chart of angular-nvd3 on website.on graph tooltip apart data points, total of points getting rendered. how disable it? attaching snapshot , graph options have set.
$scope.graphoptions = { chart: { type: 'stackedareachart', height: 300, margin: { top: 20, bottom: 30, left: 40 }, usevoronoi: false, clipedge: true, duration: 10, showlegend:false, useinteractiveguideline: true, x: function(d){return d[0];}, y: function(d){return d[1];}, xaxis:{ //mode: 'time' timeformat: '', showmaxmin: false, position: 'bottom', tickformat: function(d) { return d3.time.format('%b %d')(new date(d)) } }, yaxis: { tickformat: function (val) { if (val > 1000000000) return math.round(val / 1000000000) + 'bil'; else if (val > 1000000) return math.round(val / 1000000) + 'mil'; else if (val > 1000) return math.round(val / 1000) + 'k'; else return math.round(100 * val) / 100; } }, showcontrols: false } } };
there's no need customize tooltip, simple add showtotalintooltip: false configuration.
$scope.graphoptions = { chart: { type: 'stackedareachart', height: 300, margin: { top: 20, bottom: 30, left: 40 }, usevoronoi: false, clipedge: true, duration: 10, showtotalintooltip: false, ...
Comments
Post a Comment