我有一个完全按照此d3js示例http://bl.ocks.org/tjdecke/5558084绘制的热图。
我如何修改代码,如果我单击一个正方形,它将为该正方形切换一个特定的CSS类?
非常简单-从而更改代码:
var heatMap = svg.selectAll(".hour")
.data(data)
.enter().append("rect")
.attr("x", function(d) { return (d.hour - 1) * gridSize; })
.attr("y", function(d) { return (d.day - 1) * gridSize; })
.attr("rx", 4)
.attr("ry", 4)
.attr("class", "hour bordered")
.attr("width", gridSize)
.attr("height", gridSize)
.style("fill", colors[0])
.on("click", function() {
d3.select(this).classed("myCssClass", d3.select(this).classed("myCssClass") ? false : true);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句