我正在尝试在.change函数的程序更新中使用条形图,但我不太清楚如何实现这一点。我已经有一个行对象更改,这是通过更改属性来完成的。但我遇到的问题是我不知道如何更新条形图中的矩形以反映变化。 以下是我尝试的相关代码:
//updates when slider changes
$("#myRange").change(function () {
slider = $("#myRange").val();
updateXs();
updateLineData();
displayVals();
d3.select(".myLine").transition()
.attr("d", lineFunc(lineData));
d3.select(".myBars")
.attr("y", function (d) {
return d.value - d.y;
});
});
这是完整的代码: http://jsfiddle.net/tqj5maza/15/