You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
690 B
JavaScript
20 lines
690 B
JavaScript
//A little snippet of D3 code that creates a button that lets you toggle whether a chart is the only one visible on a page or not.
|
|
d3.selectAll(".chart button").on("click",function() {
|
|
var thisId = this.parentElement.id;
|
|
|
|
var chartContainer = d3.select("#" + thisId);
|
|
if (chartContainer.attr("class").match("selected"))
|
|
chartContainer.classed("selected",false);
|
|
else
|
|
chartContainer.classed("selected",true);
|
|
|
|
d3.selectAll(".chart").style("display",function() {
|
|
if (thisId === this.id) return "block";
|
|
|
|
if (d3.select(this).style("display") === "none")
|
|
return "block";
|
|
else
|
|
return "none";
|
|
});
|
|
window.onresize();
|
|
}); |