5

グラフの列にデータ ラベルが重なっているという問題があります。

$('#container').highcharts({
        chart: {
            type: 'column'
        },

        xAxis: {
            type: 'datetime'
        },
        series: [{
            data: [[Date.UTC(2013, 3, 1, 0, 0, 0), 169], 
                  [Date.UTC(2013, 4, 1, 0, 0, 0), 176], 
                  [Date.UTC(2013, 5, 1, 0, 0, 0), 470], 
                  [Date.UTC(2013, 6, 1, 0, 0, 0), 346], 
                  [Date.UTC(2013, 7, 1, 0, 0, 0), 252], 
                  [Date.UTC(2013, 8, 1, 0, 0, 0), 138]],
            dataLabels: {
                enabled: true
            }
        }]
    });
});

ここで例を見ることができます：http://jsfiddle.net/J6WvR/1/

グラフの高さを固定する必要がありますが、データ ラベルに合わせて最大の列の高さを計算できない理由がわかりません。どうすればこれを修正できますか?

4

4 に答える 4

1

yAxis の max を試すことができます。

データから最大値を計算し、それに100などのクッションを追加して、y軸の最大値として設定します

yAxis:{
                max: 600,
            },

http://jsfiddle.net/J6WvR/3/でyAxisの最大値でフィドルを更新します

これがあなたに役立つことを願っています

于 2013-10-16T08:01:04.737 に答える
0

1 つのオプションは、ラベルの位置を移動することです。たとえば、これはそれらをバーの内側に移動します:

plotOptions: {
        column: {
            dataLabels: {
                y: 20,
                color:'white'
            }
        }
    },

http://jsfiddle.net/TBfLS/

別の方法として、y の最大値を手動で設定して、ラベル用のスペースを確保することもできます。

  yAxis: {
        max: 600,
        endOnTick: false
    },

http://jsfiddle.net/2AhVT/

これらのオプションのいずれかが役立つことを願っています。

3 番目の (そしておそらくより良い) オプションが Ivan Chau によって投稿されました。

于 2013-10-16T07:49:29.450 に答える