5

これは、ハイチャート データからの多くの情報を必要としない一般的な質問だと思います。

列が重なり合ったり重なり合ったりしないようにしたいのですが、どうすればよいですか?

現在の様子については、以下の画像リンクを参照してください

http://highslide.com/forum/download/file.php?id=3157

jsfiddle: http://jsfiddle.net/Dzs5q/

4

3 に答える 3

11

ここでエラーを再現してみてください @ http://jsfiddle.net/jugal/bgNBG/

デフォルトでは、ハイチャートは、列が多すぎる場合、重複を避けるために列の幅を賢く減らします。

指定して前述のデフォルトの動作をオーバーライドした場合、列が重なる傾向があります。column.pointWidth 

    column: {           
        pointWidth : 10
    }

例: @ http://jsfiddle.net/jugal/bgNBG/2/

重複を避けるために、2 つの選択肢があります。

オプション1。 これを削除する と、重ならないように列が細くなります 。例: @ http://jsfiddle.net/jugal/bgNBG/column.pointWidth

オプション #2。 これを使用する と、列の幅を一定にするのに役立ちますが、列の数を (グループ化することによって) 減らして、乱雑/重複を回避します。 column.dataGrouping

dataGrouping = {
    groupPixelWidth: 40, // Minimum width for each column
    units: [[            // Permissible groupings
        'day',
        [1, 2, 3,4,5,6]  // 1,2,3,4,5,6 days may be grouped into 1 column
        ]]
}

例: @ http://jsfiddle.net/jugal/JraJW/4/
同様の質問 @ https://stackoverflow.com/a/12354111/1566575

于 2012-09-22T10:11:25.443 に答える
-1

列を制御し、それらが互いに重なり合ったり重なり合ったりしないようにする最善の方法は、グラフの幅を制御することです。含む 内でこれを行うことができます<div>。

  • CSS: min-width ~ div のサイズを変更できますが、特定の幅を下回ることは制限されます。これを行うのは、その幅を下回ると、ものがぼやけ始めて判読不能になることがわかっているからです。
  • CSS: width ~ は、チャートの幅を強制的に特定の値にします。
  • CSS: 幅が設定されていません。ブラウザ ウィンドウを縮小すると、グラフが読めなくなります。

含まれる div の幅を制御し、c0deNinja が提案したようにラベルを回転させることで、ほとんどのスタック オーバー/オーバーラップの問題を防ぐことができます。ただし、グラフに多くの系列/データ ポイントがある場合、これでも役に立ちません。

</p>

于 2012-09-21T17:24:05.213 に答える
-1

私の問題は似ていて、アイテムをセカンダリ軸などに移動するソリューションではどこにも行きませんでした。次に、x軸が連続体（この場合は日付）として認識され、2つの重複する列がもちろん同じものを共有していることがわかりました×値。

x軸を選択して問題を解決し、「軸タイプ」というオプションを見つけ、「データに基づいて自動的に選択」の選択を解除して「テキスト軸」に変更しました。それは私の列を並べて持っていました。

あなたの問題には少し遅れていますが、役立つかもしれません。

于 2015-10-30T10:15:20.343 に答える