Wie bette ich mehr Daten in Candlestick HighChart Tooltip ein?

Question

Ich möchte einige benutzerdefinierte Daten in meinem Candlestick-Typ von HighChart Tooltip zeigen. Wie soll ich das machen? Ich habe einige Lösungen für andere Arten von Charts gefunden, aber sie haben nicht für mich funktioniert.

Wie Sie wissen, haben wir Zugriff auf den Wert von X, Hoch, Niedrig, Schließen und Öffnen als Standard. Aber ich möchte zum Beispiel "Name" oder "Prozent" -Werte in jeden Punkt einbetten, der auf dem Tooltip angezeigt wird.

Ich freue mich, wenn jemand meine Frage beantworten könnte.

Grüße.

Answer 1

Ja, das können Sie definitiv tun. Sie können auf alle Daten zugreifen, die Sie an die Highcharts übergeben.

sagen wir hier ist eine Beispielstruktur der Daten, die Sie plotten.

{ 
    low: 19, 
    high: 30, 
    open: 20, 
    close: 28, 
    pram2: 'hi', 
    param1: 'hello' 
} 

Wie Sie bereits wissen, sind die Standardparameter hier offen, schließen, niedrig bzw. hoch. wir wollen 2 weitere Kinderwagen namens param1 und pram2 im Tooltip anzeigen. Dafür brauchen wir sie wie unten gezeigt.

Wie auf diese Parameter von Tooltip zugreifen? ist es ziemlich einfach. Dies ist ein Parameter, der in Tooltip als Formatierer bezeichnet wird.

Diese Formatierungsfunktion wird jedes Mal aufgerufen, wenn Ihre Maus auf einen Datenpunkt im Diagramm wechselt.

In dieser Formatierungsfunktion können Sie auf die Daten dieses Punkts als this.point zugreifen. hier sind unsere zusätzlichen Parameter wie this.point.param1 und this.point.pram2

here ist eine jsfiddle, die Ihnen helfen wird.