軸的對齊標記與類型類別下蜱

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>

我真的需要的是，對於相同的數據組，是這樣的：

標籤應向左轉移到蜱的下方，併爲下一個編號的附加的標籤（標籤值被計算，以便將要添加的值是預先已知的）應被添加到最後一個滴答下面（用紅色寫在上面）。請注意，數據點的位置相對於蜱做而不是更改。

我猜我需要人工添加額外的勾號，但我該怎麼做，以及如何正確定位我的所有標籤？在我的第二張圖表中，我對像素的數量進行了硬編碼以抵消，但我正在尋找更好，更動態的解決方案，因爲我的實際圖表大小可能隨着大小的調整而變化。

Answer 1

如果您的圖表您應該能夠使用xAxis.tickmarkPlacement和您的系列的pointPlacement選項。這個選項允許你在ticks和ticks之間有標籤。

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/