Javascript 弗洛查茨双色背景

使用flot图表，我需要将背景分成两种颜色。它不会正好在中间，它会有一个轻微的偏移

---

据我所见，我在互联网上找不到任何提供这些信息的文件。如果有人能给我指出正确的方向那就太好了。如果可能的话，是否有人可以输入代码说明如何执行此操作？

如果我正确理解您的问题，最简单的方法是使用标记选项

例如：

$.plot($("#placeholder"), [ d1 ], {grid: {
    markings: [
        {xaxis: { from: 0, to: 6 },color: "#C11B17"},
        {xaxis: { from: 6, to: 100},color: "#FDD017"}
    ]}
});

产生：

---

小提琴。

请提出一个问题，并提供您已经尝试解决此问题的方法。我的问题是我不知道如何解决，我找不到它。。。我在考虑使用一个条并改变它的不透明度，这样行吗？有没有可能制定一个重复使用颜色的规则？也就是说：红色代表0-2，4-6，8-10。。。；黄色代表2-4、6-8、10-12……谢谢，@Mark，我在想一些更直观的东西，但我想弗洛特没有那么强大。