勾配緑 - 黄 - 赤のゲージグラフ

Question

私は、下の画像のように、満杯の割合に基づいて勾配を持つゲージグラフを実現しようとしています。私が管理できる最も近いものは、値にかかわらずすべてのグラデーションカラーを表示しています - hereのように。

var x = 80; // Change x to see effects. 

誰かが値に基づいてグラデーションを取得できましたか？

Answer 1

あなたはY軸が停止して使用し、チャートにグラデーションを追加する小さなトリックを行うことができます。たとえば、通常のy値から0に減少する値で、ゲージにポイントを追加することができます（ロードイベントのコールバック関数内）。これは、複数ポイントのグラデーションに似た何かを得る機会を与えます。ここで

function(chart) { 
    var y = this.series[0].data[0].y; 
    for (var i = y; i >= 0; i = i - 1) { 
     chart.addSeries({ 
     data: [i], 
     stickyTracking: false, 
     enableMouseTracking: false 
     }, false) 
    } 
    chart.redraw(); 
    } 

あなたはそれが動作する方法の例を見ることができます：http://jsfiddle.net/64mfcg3v/6/

敬具、