2017-10-23 19 views
0

私はnvd3.jsを使用しています私はプロットを得て、私のグラフのダニの頻度は2日ごとに変わります。d3.jsのティック周波数を変更してください

例:1月10日 - 3月10日 - 5月10日 - 7月10日...

私は、このグラフに示すよ結果は一日あたりの値を持ちます。

ダニを日に日に表示する方法はありますか?

+0

私のソリューションはあなたに合っていますか?ご質問がある場合はお気軽にお問い合わせください。 –

+1

はい、ここでテストしました。それはうまくいった。 ありがとう! –

答えて

0

デフォルトでは、nvd3/d3は、その裁量でのティック数を定義します。カスタマイズのためにtickValuesを指定する必要があります。この例を見てくださいjsfiddle

Currenly、あなたが記述したのと同じ問題があります。 tickValuesメソッドのコメントを解除してみて、あなたが必要なものを取得します -

chart 
    .xAxis 
    .axisLabel("Date (m/y)") 
    .tickValues(function (d) { 
    return d[0].values.map(function (item) { 
     return item.x; 
    }); 
    }) 
    .tickFormat(function (d) { 
     return d3.time.format("%m/%y")(new Date(d)) 
    }); 
0

jsfiddleがデフォルトティック減少NVD3ショーでは

chart.reduceXTicks(false)

を試してみました。