0

列が互いに隣接するように groupPadding を 0 にしたい単純な縦棒グラフがありますが、各列の幅 (pointWidth) を 50 ピクセルだけにしたいです。

これは、カテゴリ ラベルを持つ x 軸用です。ここに私のコードがあります: http://jsfiddle.net/2pVkd/

    $('#container').highcharts({
    chart: {
        type: 'column'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr']
    },

    plotOptions: {
        series: {
            // pointWidth: 50,
            groupPadding: 0
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2]
    }]
});

問題は、pointWidth を 50 に設定し、groupPadding を 0 に設定すると、列間に大きなスペースがあり、軸全体にまたがってしまいます。これを防ぐにはどうすればよいですか?

ありがとう

4

2 に答える 2

2

チャートは利用可能なデータでプロット エリアを埋めようとするため、直接的なオプションはありません。

使用できる 2 つの方法:

1) 残りのカテゴリを入力し、軸の最大値を設定します。

example:

http://jsfiddle.net/2pVkd/2/

2) データ配列に null 値を入力して、追加のスペースを埋めます

例：

http://jsfiddle.net/2pVkd/4/

于 2013-08-27T20:19:44.417 に答える
1

空白の列を追加したくない場合は、チャートの幅をいじることができますが、これにより全体が薄くなります. または、 jlbriggs が提案したこと、要件に適したものを実行できます。

chart: {
            type: 'column',
            width: 300
        },

http://jsfiddle.net/2pVkd/3/

于 2013-08-27T20:24:03.720 に答える