カテゴリラベルが重なっているハイチャート

Question

xAxisのカテゴリラベルに問題があると助けが必要です。すべてのカテゴリラベルのためのスペースがない場合、それらは一緒に詰め込まれ、お互いに重なり合う。

私は、これが起こらないようにする方法があるかどうかを調べるために検索しました。最初にスクロールソリューションを探してから、何らかのズームを行い、ついにstaggerLinesに行きました。

問題は、staggerLinesを使用する場合、私が持っているカテゴリの数に応じて値を設定する必要があるということです。私が10以下の場合、staggerLineの値は1に設定され、11-20は2に設定され、21-30には3に設定されます。私はそれを3に設定するだけではいけません。何度か表示されるカテゴリがいくつかあり、それはstaggerLinesでうまく見えません。

誰かがこれを解決するための良い提案をしていますか？

Answer 1

カテゴリをまったく使用する必要はありません。一般的なカテゴリでは、たとえば果物、または名前 - どの名前を表示するべきかを定義する方法、どの名前を表示しないかを定義する方法リンゴはバナナよりも重要ですか？

しかし、解決策は、X軸ラベルのフォーマッタを使用して、非常に単純です、見てみましょう：http://jsbin.com/oyudan/27/edit

xAxis: { 
    labels: { 
    formatter: function(){ 
     return names[this.value]; 
    } 
    } 
},