2

動的に追加および更新されるいくつかのシリーズを含む、ハイチャートの日時縦棒グラフがあります。ライブラリは、最初の列の前と最後の列の後に大きなスペースを持つチャートを生成しているようです。列がグラフの中央にグループ化されているように見えますが、スペース全体に均等に配置する必要があります。軸オプションの minPadding と maxPadding を調整しようとしましたが、成功しませんでした:

    xAxis: {
        type: 'datetime',
        minPadding: 0,
        maxPadding: 0,
        labels:{
            formatter:function () {
                return Highcharts.dateFormat('%b %e', this.value);
            }
        }
    },

以下は、正しく動作している Highcharts デモ ページから適用された例です。

ここに画像の説明を入力

http://jsfiddle.net/ricksuggs/8Gt2y/

私が書いたこの例は、余分なパディングを示しています:

ここに画像の説明を入力

http://jsfiddle.net/ricksuggs/PRKAJ/36/

ありがとうございました。

4

2 に答える 2

2

パラメータpointWidthを変更できますgroupPadding/pointPadding

http://jsfiddle.net/PRKAJ/37/

編集:定義する必要がありますpointRange

http://jsfiddle.net/PRKAJ/41/

http://api.highcharts.com/highcharts#plotOptions.series.pointRange

于 2013-06-19T09:47:30.170 に答える