如何使用Highcharts在圖表頂部顯示十字準線標籤

Question

如何將十字準線標籤呈現在HighStock圖表的頂部？

現在，十字線標籤呈現在xAxis上，該xAxis應位於圖表的底部。

有沒有辦法將標籤的位置更改爲圖表頂部而不更改xAxis的位置？最後，十字線和標籤應該看起來像一面旗幟，而不是像倒轉的旗幟。

const chart = Highcharts.StockChart({ 
chart: { 
    renderTo: "chart", 
}, 

credits: { enabled: false }, 
navigator: { enabled: false }, 
scrollbar: { enabled: false }, 
tooltip: { enabled: false }, 
rangeSelector: { inputEnabled: false }, 

series: [{ 
    type: "area", 
    data: dataSet 
    } 
], 

xAxis: { 
    gridLineWidth: 1, 
    crosshair: { 
     color: lineColor, 
     label: { enabled: true, align: "right" } 
    } 
} 
}); 

Answer 1

十字線標籤與特定軸耦合。但是，您可以創建兩個鏈接的x軸。頂軸應該是看不見的，但應該與十字準線和標籤結合使用。

xAxis: [{ 
    opposite: true, 
    crosshair: { 
    label: { 
     enabled: true, 
     align: "right" 
    } 
    }, 
    visible: false 
}, { 
    linkedTo: 0, 
    gridLineWidth: 1 
}], 

例如：http://jsfiddle.net/p8fqq35v/