ゲージのティックにテキストを追加するにはどうすればよいですか？

Question

私は別の答えで見つかったこの1と同様に設計された複数のゲージがあります私のゲージでhttp://jsfiddle.net/Fe6yJ/790/

を、私は定期的にダニを持っていないが、私は、それぞれが一定を表す、各ゲージにダニの一貫性の数を持っています私のシステムの限界。私はそれらの意味を示すために、ティックにテキストを追加したいと思います。私が達成しようとしているものの擬似コード：

// gauge1 
tickPositions: [100, 200, 300, 400] 
tickNames: ["normal", "heavy", "warning", "critical"] 

// gauge2 
tickPositions: [150, 250, 500, 525] 
tickNames: ["normal", "heavy", "warning", "critical"] 

基本的には、ダニ名がゲージ間で同じになりますが、位置が異なる場合があります。最終的な結果では、私がゲージで確認したいことであれば、名前と値のペアだと

normal (150) 
heavy (250) 
warning (500) 
critical (525) 

または一部のようなテキスト形式のようなものを言うでしょうティックです。どうすればこれを達成できますか？

Answer 1

label.formatter関数を使用できます。この関数の中では、値に応じてラベルを特定の文字列に設定することができます。ここでは、あなたを助けるかもしれないコードを見つけることができます。

labels: { 
    enabled: true, 
    distance: 20, 
    formatter: function() { 
     var value = this.value, string; 
     if (value < 33) { 
     string = 'normal' 
     } else if (value < 66) { 
     string = 'heavy' 
     } else if (value < 100) { 
     string = 'warning' 
     } else string = 'critical'; 
     return string; 
    } 
    }, 

そして、ここであなたはそれが動作することができますどのように実際の例を見ることができます：http://jsfiddle.net/Fe6yJ/935/