3

d3 でインタラクティブな棒グラフを作成していますが、問題が発生しました。棒グラフはフォームからデータを読み取りますが、データを文字列として読み取ります。データを使用して次のようなバーを描画する場合:

var bars = svg.selectAll("rect")
    .data(dataset)
    .enter()
    .append("rect")
    .attr("x", function(d,i) {
        return i * (w / dataset.length);
    })
    .attr("y", function(d) {
        return h - (d * 4);
    })
    .attr("width", w / dataset.length - barPadding)
    .attr("height", function(d) {
        return d * 4;
    })
    .attr("fill", function(d) {
        return "rgb(" + (d * redLevel) + ", 0, " + (d * blueLevel) + ")";
    });

データは文字列として読み取られます。parseInt(d)を使いたいときにいつでも を使用できますdが、それは非常に非効率的です。メソッド チェーンの外では簡単に実行できますvar d = parseInt(d)が、d3 では機能しません。提案？

4

1 に答える 1

14

バインドする前にデータをマップできます。

.data(dataset.map(function(d) { return +d; }))

次に、単項演算+子が数値文字列を数値に変換します。

于 2013-03-29T13:24:32.240 に答える