Charts 如何在谷歌柱状图中显示水平参考线？

在此之前也曾提出过类似的问题：

但答案涉及到创建一个定制的事件监听器，这看起来相当复杂（对我来说）。有更简单的解决方案吗

我有一个GoogleCharts柱状图，数据显示在不同的列中。我想添加一条水平参考线，以指示y轴上的特定阈值。我知道，可以创建类似于我想要的东西，使用Google Combochart在同一个图表上同时显示列和行。然而，使用这种方法，参考线仅在第一列和最后一列的中心之间延伸，而不是在图表上一直延伸

---

基本上，我想通过在图表上画一条直线来突出显示y轴上的一个特定值

您可以使用一个连续的x轴（数字），
在左侧和右侧使用空值

['Category', 'Value', 'Reference'],
[0, null, 0.80],
[1, 0.10, 0.80],
[2, 0.30, 0.80],
[3, 0.20, 0.80],
[4, null, 0.80]

然后使用自定义记号在x轴上显示单词，
以及限制x轴视图的视图窗口，
这将使水平线贯穿整个图表

hAxis: {
  ticks: [{v: 1, f: 'Quant'}, {v: 2, f: 'Verbal'}, {v: 3, f: 'Total'}],
  viewWindow: {
    min: 0.5,
    max: 3.5
  }
},

请参阅以下工作片段

google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var data=google.visualization.arrayToDataTable([
[‘类别’、‘值’、‘参考’]，
[0，null，0.80]，
[1, 0.10, 0.80],
[2, 0.30, 0.80],
[3, 0.20, 0.80],
[4，空，0.80]
]);
var chartDiv=document.getElementById（'chart_div'）；
var chart=新的google.visualization.ColumnChart（chartDiv）；
图表绘制（数据、{
颜色：['石灰'，'洋红']，
哈克斯：{
记号：[{v:1，f:'Quant'}，{v:2，f:'verball'}，{v:3，f:'Total'}]，
视图窗口：{
最小值：0.5，
最高：3.5
}
},
图例：“无”，
系列：{
1: {
类型：“行”
}
},
标题：“百分位数分数”，
言辞：{
格式：“百分比”，
视图窗口：{
分:0,，
最高：1
}
}
});
});
您可以使用连续的x轴（数字），

在左侧和右侧使用空值

['Category', 'Value', 'Reference'],
[0, null, 0.80],
[1, 0.10, 0.80],
[2, 0.30, 0.80],
[3, 0.20, 0.80],
[4, null, 0.80]

然后使用自定义记号在x轴上显示单词，

以及限制x轴视图的视图窗口，

这将使水平线贯穿整个图表

hAxis: {
  ticks: [{v: 1, f: 'Quant'}, {v: 2, f: 'Verbal'}, {v: 3, f: 'Total'}],
  viewWindow: {
    min: 0.5,
    max: 3.5
  }
},

请参阅以下工作片段


google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var data=google.visualization.arrayToDataTable([
[‘类别’、‘值’、‘参考’]，
[0，null，0.80]，
[1, 0.10, 0.80],
[2, 0.30, 0.80],
[3, 0.20, 0.80],
[4，空，0.80]
]);
var chartDiv=document.getElementById（'chart_div'）；
var chart=新的google.visualization.ColumnChart（chartDiv）；
图表绘制（数据、{
颜色：['石灰'，'洋红']，
哈克斯：{
记号：[{v:1，f:'Quant'}，{v:2，f:'verball'}，{v:3，f:'Total'}]，
视图窗口：{
最小值：0.5，
最高：3.5
}
},
图例：“无”，
系列：{
1: {
类型：“行”
}
},
标题：“百分位数分数”，
言辞：{
格式：“百分比”，
视图窗口：{
分:0,，
最高：1
}
}
});
});