2017-06-23 2 views
0

Ich verwende Highmaps, um die US-County-Karte anzuzeigen. Ich habe seine Optionen so eingerichtet, dass ein einfacher einzeiliger Tooltip über alle Kreise angezeigt wird, denen Daten zugeordnet sind. Hier Abschnitt Highmaps Optionen, die das tut:So zeigen Sie Highmaps-Tooltip {Punkt.Wert} als Zeichenfolge an

tooltip: { 
    headerFormat: '', 
    pointFormat: '{point.name}: <b>{point.value}</b><br/>' 
}, 

Dies schafft Tooltips wie: Autauga, AL:

Anstelle dieser numerischen Wert, Ich mag würde eine von vier Wörter anzuzeigen: "Gut", "Große", "Beste" oder "Fehler" - entsprechend dem {point.value} gleich 1, 2, 3, oder irgendetwas anderes, respectively. Also, wenn die Karte eine Grafschaft mit einem Punkt hat.Wert von 2, möchte ich, dass dies in der Tooltip als "Autauga, AL: Great" angezeigt.

Antwort

0

können Sie formatieren die tooltip wie diese

Fiddle demo

tooltip: { 
    headerFormat: '', 
    //pointFormat: '{point.name}: <b>{point.value}</b><br/>' 
    formatter: function() { 
    str = ""; 
    if (this.point.value > 0 && this.point.value < 1) { 
     str = "Error"; 
    } 
    if (this.point.value > 1 && this.point.value < 2) { 
     str = "Good"; 
    } 
    if (this.point.value > 2 && this.point.value < 3) { 
     str = "Great"; 
    } 
    if (this.point.value > 3 && this.point.value < 4) { 
     str = "Best"; 
    } 
    if (this.point.value > 4) { 
     str = "Error"; 
    } 
    return this.point.name + ': ' + 
     str; 
    } 
}, 
+0

http://jsfiddle.net/deep3015/az92doc9/1/ –

+0

Perfect! Danke, dass Sie mir beigebracht haben, wie man Inline-Logik in JS verwendet! –