2

いくつかの情報を表示するためのHighChartsチャートがあります。毎日の情報を積み上げてきました。各エントリは一意です->単一のシリーズを使用することはできません。

問題は、2日間の間に大きなスペースがあり、これを減らす方法や削除する方法がわからないことです。PlotOptionsで遊んでも効果はありません。その理由は私のxAxis処理だと思います。なぜなら、「通常の方法」を使用してxAxisカテゴリを宣言すれば、問題はないからです。

私のjsFiddle:http: //jsfiddle.net/MhL2Q/1/

別の動作中のjsFiddle:jsfiddle_dot_net / wergeld / M85tL /(2つのリンクのみ許可)

オリジナルのHighChartデモ:http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/

4

2 に答える 2

1

これはあなたのニーズを満たしていますか?チャート内のすべてのパディングを削除する必要があります。

于 2012-10-02T05:15:53.253 に答える
1

xAxis.minPaddingxAxis.maxPaddingを利用できます

軸の長さに対する最大値のパディング。0.05のパディングは、100pxの軸を5px長くします。これは、プロット領域の端に最大のデータ値を表示したくない場合に便利です。axisのmaxオプションが設定されているか、axis.setExtremes()を使用してmax Extremeが設定されている場合、maxPaddingは無視されます。デフォルトは0です。

xAxis: {
    type: 'datetime',
    dateTimeLabelFormats: {
        month: '%e. %b',
        year: '%b'
    },
    tickInterval: 24 * 3600 * 1000,
    tickWidth: 1,
    minPadding: 0.5,
    maxPadding: 0.5                
}

日時軸のパディング@jsFiddle

于 2012-10-02T10:07:27.077 に答える