添加水平线堆栈flot图表

Question

我想在堆叠的flot图表中添加一条水平线。我以为我可以创建一个阴影区域，但却被困在如何移除其下方的其余区域。 这是一个工作小提琴：http://jsfiddle.net/cefx1eq2/1/标有＆＃34; horLine＆＃34;我喜欢的地方作为一个例子添加一个假设的行，可能意味着平均值或任何类型的限制。

需要帮助的数据部分：

{
   "label": "horLine",
   "color": "#000",
   "data": [ ["Comment", 125] ] //changing this data to be only a line
}

Answer 1

您可以将markings添加到图表的网格选项中以绘制线条。

grid: {
    markings: [ { xaxis: { from: 0, to: 2 }, yaxis: { from: 10, to: 10 }, color: "#bb0000" }, ... ]
}

在125处通过图表绘制黑色水平线的示例如下所示：

grid: {
    borderColor: '#eee',
    borderWidth: 1,
    hoverable: true,
    backgroundColor: '#fcfcfc',
    markings: [{ yaxis: { from: 125, to: 125 }, color: "#000000" }]
}