2013-05-17 125 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