2017-01-20 6 views
2

私はこれ以上頭を打ちましたが、私の人生は私のdc.jsがクロスフィルタされたデータオブジェクトからのデータを表示していない理由を理解できません。私は基本的に、そのままあなたはここで働い形式で見つけることができるdc.jsのd3noob帳の例をコピー&ペーストしようとしています:Dc.js lineChartはクロスフィルタされたデータを表示しません

しかしhttps://bl.ocks.org/d3noob/raw/6077996/

、私はこの正確な同じソースコードのコピー&ペーストしてみてくださいローカルサーバーまたはブロックビルダーで、lineChartは空白で、データは表示されません。私もこれはいくつかの互換性の問題ではなかったことを確認するために、彼の著書の一例(作品)で使用d3noob正確なjavascriptのライブラリやCSSを含めるようにしてください行わ

http://bl.ocks.org/anonymous/9d225b361c740256376e04bbbc6f4e47

:あなたはここに私の現在の試みを見つけることができますいくつかのライブラリの新しいバージョンでは、それは何の違いもありませんでした。私は助けていただければ幸いです!

答えて

2

まあ、私はそれを修正する方法を考え出したようです。ダウンロードしたデータファイルには、d3noobがブロックに投稿したデータとは異なる日付範囲があるようです。これに

.x(d3.time.scale().domain([new Date(2013, 6, 18), new Date(2013, 6, 24)])) 

:私はこれからのタイムチャートのためのハードコードされたドメインを交換する場合

.x(d3.time.scale().domain([new Date(2013, 7, 9), new Date(2013, 7, 18)])) 

物事は作業を開始します。

.x(d3.time.scale().domain(d3.extent(data, function(d) { return d.dtg; }))) 
+1

または、ほとんどの場合、スケールのドメインを離れて[chart.elasticX]を使用することができます。 (http://dc-js.github.io/dc.js/docs/html/dc.coordinateGridMixin.html#elasticX__anchor)をご覧ください。 – Gordon

+0

ありがとう@Gordon。私はちょうど2,3週間前にd3/dcを学び始めました。そしてそれはたくさんの楽しみでした。 dcとクロスフィルターで他の人と一緒にあなたの飽くなき努力を感謝!乾杯 – HamsterHuey

関連する問題