flot - Flot：flot图表的图表绘图区域中的不同颜色

Question

哎呀，

我有一个浮动图表，我可以使用以下方法在绘图区域上获得不同的颜色

 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

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

将颜色与 y 轴刻度同步有点困难；您需要提前知道有多少滴答声，或者通过 yaxis 'ticks' 选项保证它。然后，您可以编辑渐变规范为每个刻度添加颜色条目，即，如果只有一个刻度，您将拥有一个包含三种颜色的数组：一种用于顶部，一种在刻度 #1，另一种用于底部网格。