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 Link

Answer 1

您可以使用两个xAxis，例如：http://jsfiddle.net/sbochan/phtd7r1t/2/

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

Answer 2

您可以使用一些定位选项来实现此目的。如果高度是动态的，那可能有点困难，但对于静态高度图表，这种方法应该可以正常工作。

首先将yAxis[1].top编辑为'73%'（进一步向下移动＆＃34;卷＆＃34;图表以创建差距）。

然后用xAxis: { offset: -81 }偏移你的x轴，将它移到两个图表之间。

请参阅结果的this JSFiddle demonstration。

HighCharts - HighStock - 烛台和放大器的显示日期体积

2 个答案: