ハイチャート領域グラフでは、X軸の上下に2色の塗りつぶしを使用します。

Question

Highchartsには、2色で領域グラフを塗りつぶします。正の値は1色、負の値は別の色になります。私はlinearGradientでこれを行うことができましたが、これはsize of the containerに基づいて調整する必要があります。

もっと一般的な方法がありますか？設定値は>

0 color 1, values < 0 color 2?は、より多くの情報と例えば、私のJSFiddleを参照してください： http://jsfiddle.net/GNvur/2/

Answer 1

我々が探していたパラメータがnegativeColorという名前です。セリエこのように地域にそれを使用します。

series: [{ 
     type:'area', 
     data:chartValues, 
     color: "#FF0000", 
     threshold: 0, 
     negativeColor: '#00FFFF', 

     marker : { 
      enabled: true 
     } 
    }] 

はこのJSFiddleで結果を参照してください。