HighChartsでは、対応する配列の値に応じて、配列内のプロットされた各点の色を作成するにはどうすればよいですか？

Question

たとえば、グラフに表示する配列は[3,4,6,4,2,1,2]で、対応する色配列は[1,2,1,3,2,2,2]です1 =赤、2 =青、3 =緑など。アレイが['赤'、 '青'、 '赤' ...]に変わることがあります。

配列を使用してポイントを適切な色で表示する方法はありますか？

ありがとうございました！

Answer 1

ポイントを配列またはオブジェクトとして指定し、正しい色をポイントに関連付けることができます。

アレイとseries.keys財産の使用：

series: [{ 
     type: 'scatter', 
     keys: ['y', 'color'], 
     data: [[3, 'red'],[4, 'blue'],[6, 'red'], [4, 'green'],[2, 'blue'],[1, 'blue'],[2, 'blue']] 
    }], 

例：http://jsfiddle.net/8u3q6omm/

オブジェクト：

series: [{ 
     type: 'scatter', 
     data: [{y: 3, color: 'red'},{y: 4, color: 'blue'},{y: 6, color: 'red'}, {y: 4, color: 'green'},{y: 2, color: 'blue'},{y: 1, color: 'blue'},{y: 2, color: 'blue'}] 
    }], 

例：http://jsfiddle.net/8u3q6omm/1/

あなたがのために任意のパターンを持っている場合値と色、あなた色を関連付けるための関数を書くか、ハイチャートzonesを使用します。