Flot：在网格和背景右侧添加垂直线

Question

我昨天发现了Flot，我很好奇我是否可以在我的图表中添加一条垂直线，并在该线的右侧有不同的背景。

这是我到目前为止的图表：http://jsfiddle.net/cncvL/1/ （从Flot示例演变而来）

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

Answer 1

您可以使用“网格”属性的“标记”属性在线的两侧使用不同的颜色。例如编辑你的JSFIDDLE说：

    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'的简单线，而不是像你那样（另一个系列）。