合わせラベルティック下

Question

私は（Highchartsサンプルからコピーされ、私の質問の使用のために修正された）次の例のようになります。チャートがあります。

http://jsfiddle.net/zryrgh3f/

Highcharts.chart('container', { 
 
    title: { 
 
     text: 'Chart reflow is set to true' 
 
    }, 
 

 
    subtitle: { 
 
     text: 'When resizing the window or the frame, the chart should resize' 
 
    }, 
 

 

 
    xAxis: { 
 
     categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'], 
 
     labels: { 
 
     } 
 
    }, 
 

 
    series: [{ 
 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
 
    }] 
 
});

<script src="https://code.highcharts.com/highcharts.js"></script> 
 

 
<div id="container" style="height: 400px"></div>

を

私が実際に必要とするのは、同じデータ（ラベル値を加算する値が予め知られているように計算される）ラベルはマダニの下に左方向にシフトし、次の番号のための追加のラベルべき

べきである：セットは、このです最後のダニの下に追加することができます（上記の赤で書かれています）。ダンプに対するデータポイントの位置はでなく、に変更されます。

私は追加のダニを人為的に追加する必要があると思いますが、どうすればできますか、最初にすべてのラベルを正しく配置するにはどうすればよいですか？ 2番目のチャートではオフセットするピクセル数をハードコーディングしましたが、実際のグラフのサイズはサイズが変わるにつれて変わる可能性があるため、より優れた動的ソリューションを探しています。

Answer 1

グラフの場合、系列のpointPlacementオプションでxAxis.tickmarkPlacementを使用できるはずです。このオプションを使用すると、目盛りと目盛りの間に目盛りとデータポイントのラベルを付けることができます。

http://api.highcharts.com/highcharts/xAxis.tickmarkPlacement http://api.highcharts.com/highcharts/plotOptions.series.pointPlacement

Highcharts.chart('container', { 
    title: { 
    text: 'Chart reflow is set to true' 
    }, 
    subtitle: { 
    text: 'When resizing the window or the frame, the chart should resize' 
    }, 
    xAxis: { 
    categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13'], 
    min: 0, 
    max: 12, 
    tickmarkPlacement: 'on', 
    labels: {} 
    }, 
    series: [{ 
    pointPlacement: 'between', 
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }] 
}); 

http://jsfiddle.net/zryrgh3f/3/