Javascript GoogleCharts：如何向分组柱状图添加标签

我有一个用“经典”corechart软件包制作的柱状图

但是，我不明白如何将列值作为标签放在每个条的顶部。（例如，在第一天的时候是8.50）

这是我的密码：

google.charts.load（'current'，{packages:['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[
"",
“汉堡”，
“比萨饼”，
“长笛”，
“包装”
],
["29-04-2017", 8.50, 8.2, 8.4, 5.5],
["13-05-2017", 8.60, 8.32, 8.53, 5.67],
["12-06-2017", 8.30, 8.72, 8.13, 5.37],
["23-08-2017", 8.50, 8.22, 8.43, 5.57]
]);
变量选项={
图表：{
标题：“”，
动画：{
期限：2000年，
放松：“出去”，
启动：正确
}
},
图例：{位置：'top'}，
hAxis:{格式：“日期”}，
言辞：{
格式：“十进制”，
视图窗口：{
最高：10，
最低：0
}
},
身高：400，
酒吧：“垂直”，
颜色：[“0F5470”、“8EA3A4”、“3EB8BC”、“98D4F2”]
};
var chart=new google.visualization.ColumnChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

您可以使用注释向条形图添加标签

注释列应位于数据表中的系列列之后

请参阅以下工作片段
这里，一个

DataView

用于为每个系列添加注释列

google.charts.load（'current'{
回调：图纸，
软件包：['corechart']
});
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[
"",
“汉堡”，
“比萨饼”，
“长笛”，
“包装”
],
["29-04-2017", 8.50, 8.2, 8.4, 5.5],
["13-05-2017", 8.60, 8.32, 8.53, 5.67],
["12-06-2017", 8.30, 8.72, 8.13, 5.37],
["23-08-2017", 8.50, 8.22, 8.43, 5.57]
]);
//构建视图
var viewColumns=[0]；
$.each（新数组（data.getNumberOfColumns（）-1）、函数（索引）{
viewColumns.push（索引+1）；
viewColumns.push({
计算：函数（dt，行）{
返回dt.getFormattedValue（行，索引+1）；
},
角色：'注释'，
键入：“字符串”
});
});
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（viewColumns）；
变量选项={
图表：{
标题：“”，
动画：{
期限：2000年，
放松：“出去”，
启动：正确
}
},
图例：{位置：'top'}，
hAxis:{格式：“日期”}，
言辞：{
格式：“十进制”，
视图窗口：{
最高：10，
最低：0
}
},
身高：400，
酒吧：“垂直”，
颜色：[“0F5470”、“8EA3A4”、“3EB8BC”、“98D4F2”]
};
var chart=new google.visualization.ColumnChart（document.getElementById（'chart_div'））；
图表绘制（视图、选项）；
$（窗口）。调整大小（函数（）{
图表绘制（视图、选项）；
});
}

太好了，thnx@whitehatw@WhiteHat，我真的不确定，代码的//构建视图部分发生了什么。我没有使用jQuery，我尝试在没有它的情况下进行迭代，但无法让它工作。你能用普通的Javascript复制吗？我会试着解释，见上面的编辑和注释——更多信息见。。。