Javascript 谷歌图表：如何绘制条形图的垂直线

我正在尝试添加一条垂直线，以便在元素超过该值时可以进行视觉区分

谢谢

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("visualization", "1", {
    packages: ["corechart"]
    });
    google.setOnLoadCallback(drawChart);

    function drawChart() {
        var data = google.visualization.arrayToDataTable([
            ["Element", "Difference", {
                role: "style"
            }],
            ["FOLDERADDUPDATE", 2.29, "#e5e6e2"],
            ["NOTEUPDATE", 3.63, "silver"],
            ["DELETENOTE", 1.12, "e5e4e7"],
            ["NOTEUPDATEANDFOLDER", 5.02, "color: #e5e4e2"],
            ["FOLDERREMOVEUPDATE",.082,"color:e5e5e2"],
            ["PENDINGEVENT", 0,"color:e5e4e4"]
        ]);

        var view = new google.visualization.DataView(data);
        view.setColumns([0, 1, {
            calc: "stringify",
            sourceColumn: 1,
            type: "string",
            role: "annotation"
        },
        2]);

        var options = {
            title: "",
            width: 600,
            height: 300,
            bar: {
                groupWidth: "95%"
            },
            legend: {
                position: "none"
            },
        };
        var chart = new google.visualization.BarChart(document.getElementById("barchart_values"));
        chart.draw(view, options);
}
</script>

加载（“可视化”，“1”{
软件包：[“corechart”]
});
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“元素”、“差异”{
角色：“风格”
}],
[“FOLDERADDUPDATE”，2.29，“e5e6e2”]，
[“NOTEUPDATE”，3.63，“silver”]，
[“删除注释”，1.12，“e5e4e7”]，
[“NOTEUPDATEANDFOLDER”，5.02，“颜色：#e5e4e2”]，
[“FOLDERREMOVEUPDATE”，.082，“颜色：E5E2”]，
[“PENDINGEVENT”，0，“颜色：E5E4”]
]);
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1{
计算：“字符串化”，
资料来源专栏：1，
键入：“字符串”，
角色：“注释”
},
2]);
变量选项={
标题：“，
宽度：600，
身高：300，
酒吧：{
群组宽度：“95%。”
},
图例：{
位置：“无”
},
};
var chart=new google.visualization.BarChart（document.getElementById（“BarChart_值”）；
图表绘制（视图、选项）；
}

也许是这个

在选项

中插入勾号：

并输入所需值（如本例中的1,3,5,7）

---

以下示例演示如何绘制附加垂直线

google.load（'visualization'，'1'，{packages:['corechart']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“元素”、“差异”{
角色：“风格”
}],
[“FOLDERADDUPDATE”，2.29，“e5e6e2”]，
[“NOTEUPDATE”，3.63，“silver”]，
[“删除注释”，1.12，“e5e4e7”]，
[“NOTEUPDATEANDFOLDER”，5.02，“颜色：#e5e4e2”]，
[“FOLDERREMOVEUPDATE”，.082，“颜色：E5E2”]，
[“PENDINGEVENT”，0，“颜色：E5E4”]
]);
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1{
计算：“字符串化”，
资料来源专栏：1，
键入：“字符串”，
角色：“注释”
},
2]);
变量选项={
标题：“，
宽度：600，
身高：300，
酒吧：{
群组宽度：“95%。”
},
图例：{
位置：“无”
}
};
var chart=new google.visualization.BarChart（document.getElementById（“BarChart_值”）；
图表绘制（视图、选项）；
drawVAxisLine（图表，3.0）；//设置线条应位于的x值
}
函数drawVAxisLine（图表、值）{
var layout=chart.getChartLayoutInterface（）；
var chartArea=layout.getChartAreaBoundingBox（）；
var svg=chart.getContainer（）.getElementsByTagName（'svg'）[0]；
var xLoc=layout.getXLocation（值）
appendChild（createLine（xLoc，chartArea.top+chartArea.height，xLoc，chartArea.top，#00cccc'，4））；//轴线
}
函数createLine（x1、y1、x2、y2、颜色、w）{
var line=document.createElements（'http://www.w3.org/2000/svg","行",；
line.setAttribute（'x1'，x1）；
line.setAttribute（'y1'，y1）；
line.setAttribute（'x2'，x2）；
line.setAttribute（'y2'，y2）；
line.setAttribute（'stroke'，color）；
line.setAttribute（'笔划宽度'，w）；
回流线；
}

---

你试过使用谷歌的组合图吗？我以前做过组合柱形图和折线图（但这是针对水平线）

        hAxis: {
            title: 'My Values',
            ticks: [1,3,5,7], 
            minValue: 0
        }