6

私は d3 と JavaScript を初めて使用し、データセットの更新やバーの再描画に問題があります。これは私がこれまで見てきたコードです。

http://jsfiddle.net/TwEhT/2/

任意のバーをクリックすると呼び出される関数 clickEvent があります。この関数は、値の入力を求めます。

function clickEvent() 
{
    var op = prompt("Please enter the value", "");
};

私がする必要があるのは、クリックのインデックスでデータセットを更新し、データセットへの変更を反映するように四角形を再描画することです。

どんな助けでも大歓迎です。ありがとう。

4

1 に答える 1

10

非常に簡単な例として、データセットを直接更新し、バーの描画コードを、変更を再レンダリングするために呼び出すことができるrender（）関数に配置することができます。

var dataset = [...];

function render() {
    // bind dataset to rects and draw here
}

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

これがあなたのコードの実行例です：http：//jsfiddle.net/findango/TwEhT/4/

于 2013-03-12T03:23:09.673 に答える