pt/superset
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2024-09-12 08:39:45 -04:00
Code Issues Packages Projects Releases Wiki Activity

[bugfix] big_number doesn't fadeout on hover

Browse Source
This commit is contained in:
Maxime Beauchemin 2016-04-26 09:29:40 -07:00
parent 42ac46c1e1
commit c0fb9eeca4
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
caravel/assets/visualizations/big_number.js
View File

@ -72,7 +72,9 @@ function bigNumberVis(slice) {
var g = svg.append('g');
var y = height / 2;
//Printing big number
g.append('text')
g.append("g").attr("class", "digits")
.attr('opacity', 1)
.append('text')
.attr('x', width / 2)
.attr('y', y)
.attr('class', 'big')
@ -159,17 +161,17 @@ function bigNumberVis(slice) {
div.on('mouseover', function (d) {
var div = d3.select(this);
div.select('path').transition().duration(500).attr('opacity', 1)
div.selectAll('path').transition().duration(500).attr('opacity', 1)
.style('stroke-width', '2px');
div.select('g.digits').transition().duration(500).attr('opacity', 0.1);
div.select('g.axis').transition().duration(500).attr('opacity', 1);
div.selectAll('g.digits').transition().duration(500).attr('opacity', 0.1);
div.selectAll('g.axis').transition().duration(500).attr('opacity', 1);
})
.on('mouseout', function (d) {
var div = d3.select(this);
div.select('path').transition().duration(500).attr('opacity', 0.5)
.style('stroke-width', '5px');
div.select('g.digits').transition().duration(500).attr('opacity', 1);
div.select('g.axis').transition().duration(500).attr('opacity', 0);
div.selectAll('g.digits').transition().duration(500).attr('opacity', 1);
div.selectAll('g.axis').transition().duration(500).attr('opacity', 0);
});
}
slice.done(payload);