javascript - 添加新条形图时的 D3 比例图

Question

我正在尝试缩放我的条形图，以使它们看起来都没有异常大，超出范围。我能够部分地做到这一点。

当我在尝试更新当前数据之前尝试添加数据时，我的问题就出现了，即如果我在 clickEvent 之前调用 addData，则渲染不会被缩放。即使在我反复添加数据之后。它只会在我调用 clickEvent 函数时缩放，之后每次渲染时都会缩放。

我不确定，我做错了什么，所以任何帮助将不胜感激。

这是jsfiddle链接：

http://jsfiddle.net/NkkDC/4/

以下是功能：

function clickEvent(d, i) {
    var op = prompt("Please enter the value", d);
    data[i] = parseInt(op, 10);
    render();

};    

function addData() {
    var op = prompt("Please enter the value", "");
    var len = data.length;
    data[len] = op;
    render();
}; 

在 jsfiddle 中，我的按钮在单击时似乎没有提示输入框。对此的帮助也将不胜感激。

谢谢！:)

Answer 1

也使用 d3 将事件添加到按钮：

d3.select("button").on("click", function(d, i) {
    var op = prompt("Please enter the value", "");
    var newData = parseInt(op, 10);
    if (!isNaN(newData)) {
      data.push(newData);
      render();
    }
});