Jquery Flot:向网格添加垂直线,并在其右侧添加背景

Jquery Flot:向网格添加垂直线,并在其右侧添加背景,jquery,flot,Jquery,Flot,我昨天发现了这一点,我很好奇我是否可以在我的图表中添加一条垂直线,并且在这条线的右侧有一个不同的背景 这是到目前为止我的图表:(从Flot示例演变而来) 现在,我通过在y轴上添加数据添加了一条额外的线,但这不是理想的解决方案。您可以使用“网格”属性的“标记”属性在线的两侧添加不同的颜色。e、 g.编辑JSFIDLE,说: grid: { backgroundColor: { colors: ["#FFF", "#DDD"]

我昨天发现了这一点,我很好奇我是否可以在我的图表中添加一条垂直线,并且在这条线的右侧有一个不同的背景

这是到目前为止我的图表:(从Flot示例演变而来)

现在,我通过在y轴上添加数据添加了一条额外的线,但这不是理想的解决方案。

您可以使用“网格”属性的“标记”属性在线的两侧添加不同的颜色。e、 g.编辑JSFIDLE,说:

    grid: {
        backgroundColor:
        {
            colors: ["#FFF", "#DDD"]
        },
        markings: [
            {xaxis: {from:  1, to: 10}, yaxis: {from: -3, to: 12}, color: "#eeeeff"},
            {xaxis: {from: 10, to: 14}, yaxis: {from: -3, to: 12}, color: "#eeffee"},
            {xaxis: {from: 10, to: 10},                            color: "#0000bb"}
        ]
    },

您也可以使用它在上面的第三个“xaxis”中画一条简单的线,而不是像您(另一个系列)那样做。

您能帮我解决这个问题吗