Pārlūkot izejas kodu

[search] Fixed stacked hover effect

Enrico Berti 11 gadi atpakaļ
vecāks
revīzija
7b93ba9
1 mainītis faili ar 13 papildinājumiem un 2 dzēšanām
  1. 13 2
      apps/search/static/js/nv.d3.growingMultiBar.js

+ 13 - 2
apps/search/static/js/nv.d3.growingMultiBar.js

@@ -232,7 +232,13 @@ nv.models.growingMultiBar = function() {
           .style('stroke', function(d,i,j){ return color(d, j, i); })
           .on('mouseover', function(d,i) { //TODO: figure out why j works above, but not here
             d3.select(this).classed('hover', true);
-            d3.select(this).transition().duration(100).attr('y', y(getY(d,i)) - 5);
+            if (stacked){
+              d3.select(this).transition().duration(100).attr('y', y((stacked ? d.y1 : 0)) - 5);
+            }
+            else {
+              d3.select(this).transition().duration(100).attr('y', y(getY(d,i)) - 5);
+            }
+
             dispatch.elementMouseover({
               value: getY(d,i),
               point: d,
@@ -245,7 +251,12 @@ nv.models.growingMultiBar = function() {
           })
           .on('mouseout', function(d,i) {
             d3.select(this).classed('hover', false);
-            d3.select(this).transition().duration(100).attr('y', y(getY(d,i)));
+            if (stacked){
+              d3.select(this).transition().duration(100).attr('y', y((stacked ? d.y1 : 0)));
+            }
+            else {
+              d3.select(this).transition().duration(100).attr('y', y(getY(d,i)));
+            }
             dispatch.elementMouseout({
               value: getY(d,i),
               point: d,