2017-06-23 18 views
0

米国の郡地図を表示するのにハイマップを使用しています。私は、それに関連付けられたデータを持つどの郡にも簡単な1行のツールチップを表示するオプションを設定しました。 Autauga、AL:ハイマップのツールチップ{point.value}を文字列として表示する方法

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

これはのようなツールチップを作成します。ここにいることを行いHighmapsオプションのセクションです代わりに、私は4つの単語のいずれかを表示したいと思い、この数値の1

: "エラー"、 "グレート"、 "ベスト"、または "エラー" - {point.value}はそれぞれ1、2、3、またはそれ以外のものです。したがって、マップにpoint.valueが2の郡がある場合は、「Autauga、AL:Great」と表示されます。

答えて

0

あなたはこの

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

パーフェクトようtooltipをフォーマットすることができます! JSのようなインラインロジックの使い方を教えてくれてありがとう! –

関連する問題