Jquery 谷歌图表中的端到端系列

我想使用googlecharts在我的堆叠柱形图中显示目标线（水平直线）。
我正在使用选项标签中的系列属性来完成

series : {
    4 : {
        type : "line",
        color : '#FF0000',
        visibleInLegend : false
    }
}

该行正在显示，但未从一端到另一端显示。我希望我的线在两端接触y轴。
我尝试将

type:line

更改为

type:steppedArea

。线从一端到另一端显示。但它被隐藏在铁窗后面

series : {
    4 : {
        type : "steppedArea",
        color : '#FF0000',
        visibleInLegend : false,
        areaOpacity : 0
    }
}

我在某个地方读到，如果x轴值是数字，那么它会正确显示。我甚至试着改变，但没有用

---

演示

设置hAxis图表的最小/最大值：

 viewWindow: {
    min: 0.5,
    max: 2.5
 }

然后将两个虚拟行添加到dataTable，并将适当的x轴值（最小/最大）和y值设置为目标行级别（在您的示例中为0.67）：

见：

---

编辑：

要从第一列获取最小/最大值，请使用以下方法：

---

谢谢你的回复。但是你是如何确定最小值和最大值的呢？在这个例子中，我只提到了一条目标线。但在实际图表中，我需要显示多条目标线。例如，假设我需要显示4条目标线。我是否需要添加代码中提到的4条虚拟线？否，2行表示x轴值，这些线表示列（4，5，…）。检查我的小提琴是否更新。我不认为最小值/最大值是个问题：您可以从第一列（“机器”）获取它们，使用lineDashStyle（请参阅）

['Machine', '', {
        role : 'style'
    }, '', {
        role : 'style'
    }, '', {
        role : 'style'
    }, '', {
        role : 'style'
    }, ''],
[0.5, null, null, null, null, null, null, null, null, 0.067],
[1.0, 0.05, "#808080", 0.0775, "#C71585", 0.069, "#FFC0CB", 0.05, "Blue", 0.067],
[2.0, 0.05, "Yellow", 0.0775, "Pink", 0.069, "#808080", 0.05, "Green", 0.067],
[2.5, null, null, null, null, null, null, null, null, 0.067]

var min = data.getColumnRange(0).min;
var max = data.getColumnRange(0).max;