highcharts - ハイチャート-グラデーションとしきい値のある面グラフ

Question

しきい値が可変の面グラフがあります。その値に線を引きました。

しきい値を超える塗りつぶしに1つの色を使用し、しきい値を下回る塗りつぶしに1つの色を使用することはできますか？

グラフが線と交差する場合は法案に適合する勾配がありますが、データがすべて線より下または上にある場合はそうではありません。

（jsfiddleで質問を更新しようとします。）

Answer 1

これは古い質問ですが、とにかく答えるべきだと思います。

シリーズを2つに分割し、「間違った」シリーズにあった値の代わりに「ダミー」の中央値（しきい値）を追加しました。

[1, 2, 5, 8, 6, 4, 3, 10]しきい値のあるデータ5

に分割されました：

データ1[5, 5, 5, 8, 6, 5, 5, 10]色緑

データ2[1, 2, 5, 5, 5, 4, 3, 5]色赤

とにかく黒い線を描いてい5たので、グラフは正しく見えます。また、分割系列の値ではなく、元のY値を表示するように「ホバー」関数を変更する必要がありました。

Answer 2

これを実現する最も簡単な方法は、arearangeチャートを使用することだと思います。面グラフに1つのデータセットだけでなく、エリア範囲に2つのデータセットがあります。影付きの領域ごとに1つです。http://jsfiddle.net/gXpHH/2/を参照してください