Wie kann ich Fadenkreuz-Beschriftungen über dem Diagramm mit Highcharts anzeigen

Question

Wie kann ich Fadenkreuz-Beschriftungen an die Spitze eines HighStock-Diagramms rendern?

Momentan wird das Fadenkreuz-Label auf die xAxis gerendert, die sich am unteren Rand des Diagramms befindet.

Gibt es eine Möglichkeit, die Position des Etiketts an die Spitze des Diagramms zu ändern, ohne die Position der xAxis zu ändern? Am Ende sollten Fadenkreuz und Label wie eine Flagge und nicht wie eine umgekehrte Flagge aussehen.

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

Das Fadenkreuz-Etikett ist mit einer bestimmten Achse verbunden. Sie können jedoch zwei verknüpfte X-Achsen erstellen. Die obere Achse sollte unsichtbar sein, sollte aber mit dem Fadenkreuz und dem Etikett verbunden sein.

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

Beispiel: http://jsfiddle.net/p8fqq35v/