Charts 谷歌可视化图表带目标的水平条（垂直线

我想建立一个小而轻的图表使用谷歌可视化图表

这个想法将是有一个水平条形图（我知道怎么做），但结合一条垂直线显示是否超过目标。 每个数据的目标可能不同

此外，我还想包括一个指示器（红色/绿色），方便识别谁低于目标，谁高于目标（+可选在绿色/红色圆点后面的标签）

---

你知道怎么做吗？

实际上，你可以使用

条形图
，

并更改最后两列的系列类型

series: {
  1: {
    type: 'line'
  },
  2: {
    type: 'scatter'
  }
}

请参阅以下工作片段


google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var dataTable=new google.visualization.dataTable（）；
addColumn（{type:'string'，id:'x'}）；
addColumn（{type:'number'，id:'bar'}）；
addColumn（{type:'string'，role:'annotation'}）；
addColumn（{type:'number'，id:'line'}）；
addColumn（{type:'number'，id:'scatter'}）；
addColumn（{type:'string'，role:'style'}）；
dataTable.addRows([
[''，300'，300'，800'，#4caf50']，
[''，600'，600'，800'，#f44336']，
[''，200'，200'，800'，#4caf50']，
[''，150'，150'，800'，#f44336']，
]);
变量选项={
注释：{
总是这样：是的，
文本样式：{
颜色：'#000000'
}
},
颜色：['#9e9e9e'，'#2196f3']，
图例：“无”，
哈克斯：{
网格线：{
计数：0
},
text位置：“无”
},
系列：{
1: {
线宽：4，
类型：“行”
},
2: {
键入：“散布”
}
}
};
var chart=new google.visualization.BarChart（document.getElementById（'chart'）；
图表绘制（数据表、选项）；
})；

您可以使用带条形图、直线图和散点图系列的a…您认为使用组合图设置水平条可行吗？我没能将其放入表格中。您不仅帮了我的忙，还救了我一天！非常感谢您给出了正确的方向！现在我可以想象使用Google Suite从Excel宏移动到服务器端解决方案。如果可以的话，do你知道是否可以在点之后添加标签吗？这是可能的，但不使用谷歌图表中的标准选项。如果你使用注释，它会将标签放置在上方。但你可以添加自己的自定义标签。并使用图表方法定位点旁边。让我找一个示例…Hello@WhiteHat，很抱歉我回答晚了，但我忙了几天，我想在回答你之前亲自尝试一下。在我的代码中，由于你的代码，我有另一个图表，就在建议的图表的左侧。标签显示不正确。它们出现在另一个图表中，但不在想要的图表上。有没有办法获得当前图表的相对坐标？我不确定接下来，您正试图将标签添加到当前图表中，但它们却出现在另一个图表上？嗯，我不确定我在说什么。我现在想办法让它正常工作。第一次刷新页面时（同一行上有两个图表），我感觉标签绝对显示在页面上，而不是图表框上。无论如何，它现在可以工作了，非常感谢您的帮助。当然，我将此标记为已解决！Thx！