2013-05-17 122 views
2

嗨,海軍報:不同顏色的海軍報圖的圖表繪圖區

我有一個海軍報圖對我能夠用得到的繪圖區不同顏色以下

grid : { borderWidth:0,markings:[ 
       {yaxis: { from: 200.0, to: 240.0 },color: "rgba(0,255,0,0.3)"}, 

     {yaxis: { from: 100.0, to: 120.0 },color: "rgba(255,0,0,0.3)"}, 
     {yaxis: { from: 120.0, to: 180.0 },color: "rgba(255,255,0,0.3)"}, 
     {yaxis: { from: 260.0, to: 360.0 },color: "rgba(255,255,0,0.3)"}, 
      {yaxis: { from: 360.0, to: 460.0 },color: "rgba(255,0,0,0.3)"} 
         ]} 
       }; 

但我我正在變得堅固。我需要的是下面給出的圖像中的某些東西[混合顏色]。 enter image description here

我該如何獲得它?

請幫助

回答

1

看一看電網的backgroundColor選項,它允許你指定一個梯度。文檔的Specifying Gradients部分有更多信息和示例。

要使顏色與y軸刻度同步會稍微困難一些;您需要事先知道有多少個蜱蟲,或者通過yaxis'ticks'選項來保證。然後,您可以編輯漸變規格以爲每個勾號添加顏色條目,即如果只有一個勾號,則可以使用三種顏色的數組:一個用於頂部,一個用於勾號#1,另一個用於底部格。

+0

但我如何在連續的y軸刻度 – madLokesh

+0

的基礎上添加不同的漸變顏色:Grid:{標記:[yaxis:{from:200.0,to:240.0},colors:[color1,color2,color3]} ,等等}工作?你在JSFiddle中有沒有工作的例子?我現在正在旅行,所以無法嘗試第一手 – madLokesh

+0

標記不支持漸變;看到我更新的答案。 – DNS