HighCharts-HighStock-燭台和成交量顯示日期

Question

我正在使用HighCharts繪圖軟件，並試圖在股票圖表下方的x軸上顯示日期標簽； 它目前僅顯示在體積圖下方。

我怎樣才能做到這一點？

這是我正在使用的圖表選項（刪除了不相關的選項以節省空間）下面的JSFiddle鏈接

$('#container').highcharts('StockChart', {
        rangeSelector: {
            inputEnabled: $('#container').width() > 480,
            selected: 1
        },
        series: [{
            type: 'candlestick',
            name: 'AAPL',
            data: ohlc,
            dataGrouping: {
                units: groupingUnits
            }
        }, {
            type: 'column',
            name: 'Volume',
            data: volume,
            yAxis: 1,
            dataGrouping: {
                units: groupingUnits
            }
        }]

JSFille鏈接

Answer 1

您可以使用兩個xAxis，例如在示例中： http : //jsfiddle.net/sbochan/phtd7r1t/2/

 xAxis: [{
            offset: 15
        },{
            linkedTo:0,
            offset: -76
 }],

Answer 2

您可以使用一些定位選項來實現此目的。 如果高度是動態的，則可能會有些困難，但是對於靜態高度圖，此方法應該可以正常工作。

首先將yAxis[1].top編輯為'73%' （將“ Volume”圖表進一步向下移動以創建間隙）。

然后使用xAxis: { offset: -81 }偏移x軸，以在兩個圖表之間移動它。

請參閱此JSFiddle演示結果。