javascript - 添加水平线堆栈流程图

Question

我想在堆积图表中添加一条水平线。我以为我可以只创建一个阴影区域，但卡在如何删除其下方的其余区域上。这是一个工作 fiddle :http://jsfiddle.net/cefx1eq2/1/其中标记为“horLine”的位置是我希望添加一条假设线的位置，例如可能意味着平均值或任何类型的限制。

需要帮助的数据部分:

{
   "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" }]
}