2016-04-04 6 views
1

私は画像のようなものを達成しようとしています。ハイチャートの単一シリーズの色

  • 私のコードが "90" の場合とでは、以下で、 "130"、及び "110" 私は別の色を与えたい、(固定)どのような方法がある

The Visual of the expected output

series: [{ 
    name: 'Historic <br/> $850,000' , 
    title: 'Historic', 
    data: [90, 130,110], 
    pointWidth: 60, 
    color: '#0066FF' 
}] 

ありがとうございます!

+0

うん、代わりに、各点に色を与えることによってシリーズ。 –

+1

ええ、解決策を得ました!返信rahulのためのthx! – Sarav

+0

1つの質問に複数の問題があるのではなく、それぞれの質問を特定のトピックにするのがうまくいっている!あなたはStackOverflowを楽しむことを願っています! –

答えて

3

値の代わりにオブジェクトとして各点を初期化し、color属性を指定することができます。例えば(JSFiddle):

series: [{ 
    data: [{ y: 7.0, color: 'orange' }, { y: 6.9, color: 'green' }, { y: 9.5, color: 'blue' }] 
}] 

それともcolorByPointに直列を設定し、例えばcolors配列、(JSFiddle)を使用することができ:

colors: ['orange', 'green', 'blue'], 
series: [{ 
    colorByPoint: true, 
    data: [7.0, 6.9, 9.5] 
}] 
+0

クーオ!!非常に簡単! – Sarav

関連する問題