1

このリンクでグラフ間のスペースを広げようとしていますが、xAxis で minPadding/maxPadding と pointWidth: 90/pointPadding: 0 を使用しましたが、何も機能しません。これを引き起こしているチャート領域の上部と下部に強制的な間隔があるように私には思えます。 http://jsfiddle.net/j7NMC/2/

/*What i have tried */    
series:{
    pointWidth: 90,
    pointPadding: 0
}
xAxis: {minPadding:0, maxPadding:0,}

何か案は？ありがとうございました ：）

4

2 に答える 2

1

データ設定を変更することをお勧めします。3 つの異なるシリーズの代わりに、1 つのシリーズと 3 つのカテゴリを使用します。

series: [{
  data: [973,133,107]
}]

例: http://jsfiddle.net/j7NMC/4/

これが何をするか：

1) チャート上の無駄なスペースをなくす

2) バーの隣の軸にラベルを配置することで、凡例の必要性を排除します (グラフの使いやすさが大幅に向上し、ユーザーの理解がはるかに容易になります)

3) バーに複数の色を使用する必要がなくなります (グラフの使いやすさが大幅に向上し、ユーザーの理解がはるかに容易になります)

編集:{ groupPadding を 0 に設定して、表示した 3 つのシリーズがグループ化され、そのために余分なスペースが追加されているため、スペースの一部を削除することができます。

于 2013-04-17T15:04:17.507 に答える
0

オプションは plotOptions の 'bar' セクションにある必要があり、次のように plotOptions にシリーズ エントリは必要ありません。

 plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                },
                pointWidth: 10,
                pointPadding: 0
            }
 },

http://jsfiddle.net/A8dpf/

于 2013-04-17T11:02:48.813 に答える