2016-09-14 3 views
1

私は次のようなイメージを実現しようとしています。ハイチャートでは、リアルタイムでリアルタイムに高すぎる値が検出されます

enter image description here

1:私は2つのことをしたい(この例0,5のために)一定の値に背景色を異なる色に着色されなければなりません。
2:そのマークを上回るものは、別の色にする必要があります。

これは可能ですか?

何私がこれまで持っていることは本当に基本的なものです: あなたが特定の値に背景色を追加するためのY軸plotBandsを使用することができますhttp://jsfiddle.net/t21m44tv/

backgroundColor: { 
    stops: [ 
    [0, 'rgb(245, 245, 245)'], 
    [1, 'rgb(245, 245, 245)'] 
    ] 
}, 
+0

画像をもう一度投稿してください。 –

+0

@GrzegorzBlachlińskiでした:) – anka

答えて

1

yAxis: { 
    title: { 
     text: '' 
    }, 
    plotLines: [{ 
     value: 0, 
     width: 0, 
     color: '#808080' 
    }], 
    plotBands: [{ 
     from: 0, 
     to: 0.5, 
     color: 'rgba(230,120,50,0.2)', 
     zIndex: 5 
    }] 
    }, 

あなたはゾーンを使用することができますポイントの値に応じてシリーズの色を変更する:

plotOptions: { 
    areaspline: { 
     fillOpacity: 0.8, 
    }, 
    series: { 
     marker: { 
     enabled: false 
     }, 
     zones: [{ 
     value: 0.5, 
     color: '#f7a35c' 
     }, { 
     color: '#90ed7d' 
     }], 
     lineWidth: 0 
    } 
    }, 

どのように動作するかの例を以下に示します。

+0

完璧!ありがとうございました – anka

関連する問題