2016-09-16 11 views
0

これは本当に簡単なはずですが、私は立ち往生しています。d3.jsを含む棒グラフへの選択入力付き線グラフの変換

選択入力(プロットする別のデータを選択する)を使用して折れ線グラフを棒グラフに変換する必要があります。

私はいつも静的なデータでそれを行うことができましたが、この場合私は立ち往生しています。

ラインとして働くスニペットはこれです:

svg.append("path") 
    .datum(dataFiltered[0].values) 
    .attr("class", "line") 
    .attr("width", 0) 
    .attr("d", valueline); 

私はこのような何かを適用しようとしました:それは動作しません

svg.append("rect") 
    .attr("class", "bar") 
    .attr("x", function(d) { return x(d.mes); }) 
    .attr("width", x.range()) 
    .attr("y", function(d) { return y(d.jornalistas); }) 
    .attr("height", function(d) { return height - y(d.jornalistas); }); 

(私はJSBinのコードからこの抜粋を取り出しました)

誰かが私にこれを手伝ってくれるほど親切でもらえますか?あなたがいないよう

d3.select('.line').datum(dataFiltered[0].values).attr('d', valueline)

d3.select('.line').datum(dataFiltered[0].values).attr('d', line)

から最後の行の最後に、あなたが使用している機能を変更する必要が

Here is the code in JSBin

答えて

0

どこにでも関数lineを定義しました!

+0

実際には、値を選択してスケールを自動的に変更するだけですが、まだ棒グラフではありません。 –

+0

ごめんなさい。私に数分を与える! – danimal

+1

私はbarchartのために別のd3スケールが必要であると思うし、あなたの追加された矩形に 'data()。enter()'も呼び出す必要があります – danimal

関連する問題