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'的简单线,而不是像你那样(另一个系列).