2016-04-26 7 views
1

日、週、月ごとにデータをグループ化するnvd3チャートがあります。私はx軸に値の数が少ないとき、私は軸のラベルを回転させませんが、私はラチェットの量のティックを持っている場合、それらは重複しないように回転させます。 私の問題は、目盛りラベルを回転させて週別にグループ化し、月単位でグループ化すると、ほとんどのラベルが予想通り水平になります。私が日付と一緒に遊ぶ場合、私は2016年2月または2014年12月の月にいつも問題が発生します。 日のグループから月ごとにグループ化するか、ページをリフレッシュするとチャートが期待通りに表示されます。 以下の画像を参照してください: chart by weekchart by monthnvd3.js x軸がチャートの再レンダリング後にすべての目盛りラベルを回転しない

私はこの種の問題を持っているか、なぜ誰もが手掛かりを持っていますか?

答えて

2

私は問題の解決策を見つけました。 nv.models.axisの軸チャート関数のファイルnv.d3に があります。ラベルが回転するように設定されている場合(if(rotateLabels%360){...})に実行されるif文があります。しかし、ラベルはこれを明示的に設定するためのコードがない回転させるように設定されているので、私は問題にソートされたそのif文でelse文追加されていない場合:

else { 
 
    xTicks 
 
    .attr('transform', 'rotate(0)') 
 
    .style('text-anchor', 'middle'); 
 
}

関連する問題