Flot：FLOT图表图表区域中的不同颜色

Question

嗨，

我有一个flot图表，我可以使用以下

在绘图区域上获得不同的颜色

 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)"}
                        ]}
                };

但我得到了稳定的颜色。我需要的是下面给出的图像[混合颜色]。

我如何获得它？

请帮助

Answer 1

查看网格backgroundColor选项，它允许您指定渐变。文档的Specifying Gradients部分有更多信息和示例。

要使颜色与y轴同步，更难一点;你需要提前知道有多少蜱，或通过yaxis'ticks'选项保证。然后，您可以编辑渐变规范以为每个刻度添加颜色条目，即如果只有一个刻度，则您将拥有一个具有三种颜色的数组：一个用于顶部，一个用于刻度＃1，一个用于底部网格。