2016-07-04 61 views
1

私はhttp://bl.ocks.org/mbostock/3883195から使用しているエリアチャートをjsonデータを使用して簡単に変更できます。 jsonは問題なく返され、その他のエラーは表示されませんが、グラフは表示されません。 x軸とy軸が表示されますが、グラフは表示されません。エリアチャートにデータがありません

jsfiddle.net/oqc19yff/

任意のポインタを歓迎します。 ケヴ

+0

はまた、あなたのデータ – Cyril

+0

[{ "16523175": "1"、 "EVENT_TIME": "月午後02時00分"、 "合計" "ID"}を投稿できます「id」:「2」、「event_time」:「Mon 15:00」、「total」:「16192436」、「id」:「3」、「event_time」:「Mon 16:00」、 {"id": "4"、 "event_time": "Mon 17:00"、 "total": "16500333"}、{"id": "5"、 "event_time": "16129454" "Mon 18:00"、 "total": "17186756"}、{"id": "6"、 "event_time": "Mon 19:00"、 "total": "20019621"}] –

答えて

3

これは正しくありません。

x.domain(d3.extent(data, function(d) { return d.event_time; })); 

理由:

xは順序尺度であるため。

代わりに、それはされている必要があります。

//declare a variable array 
var k = []; 
data.forEach(function(d) { 
    d.event_time = d.event_time; 
    d.total = +d.total; 
    k.push(d.event_time);//in that array store all the event_time 
}); 

は今、xのドメインとしてその配列を設定します。 、

x.domain(k); 

作業コードhere

+0

あなたの助けと時間を感謝します。 –

関連する問題