2015-06-01 44 views
0

我有一個單一的系列柱形圖,其中x軸爲日期時間和y軸作爲一些常數值。我想根據我擁有的一些信息來顯示不同顏色的列,這可能嗎?在HighCharts的單個系列中可以有不同的彩色圖嗎?

例如我有動態數據來繪製我的圖,我使用series.addPoint({x:x,y:value,extra:info}, false, false)繪製相同。根據信息,我如何改變顏色?

我對JavaScript和highcharts很新。所以請原諒我有限的知識,任何幫助正確的方向將不勝感激。

更新代碼:

if(type=='a') 
    color='#7cb5ec'; 
else 
    if(type=='b') 
     color='#f45b5b'; 
    else 
     if(type=='c') 
      color='#8085e9'; 
     else 
      if(type=='d') 
       color='#2b908f'; 
      else 
       color='#e4d354'; 
series.addPoint({x:x,y:value,extra:info,marker:{fillColor:color}}, false, false); 

我還設置colorByPoint: true選項。 series.addPoint函數運行在一個循環中,該循環在我獲取數據時運行。

回答

1

試試以下

  plotOptions: { 
       column: { 
        colorByPoint: true 
       } 
      }, 
      colors: [ 
       '#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', 
       '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1' 
      ], 

Fiddle link :)

更新1:

Dynamic series fiddle:)

更新2:

使用下面的代碼,以對特定條特定顏色

chart.series[0].addPoint({y: Math.random() * 100, color:'#659355'}, true, true); 
+0

謝謝@Pandiyan。我使用動態數據來繪製我的圖,我使用series.addPoint({x:x,y:value,extra:info},false,false)繪製相同的圖。根據信息,我如何改變顏色? – Abbas

+1

你是否期待像這樣http://jsfiddle.net/p7uLj50s/ –

+0

是的。唯一的事情是我使用series.addPoint({x:x,y:value,extra:info},false,false)並且只需要5種顏色。無論如何,我們可以將顏色值傳遞給上面的addPoint函數嗎? – Abbas

相關問題