Javascript 使值显示在图表上的每个数据点上

我有一个plunker，它使用AngularJS谷歌图表创建了一个只有3个数据点的简单折线图。

当您移动鼠标触摸数据点时，会出现一个窗口，并显示项目的成本。我希望所有数据点的成本始终显示在图表上。它不会阻塞图表，因为只有3个数据点

---

如果可能的话，谷歌图表如何做到这一点

我会用柱状图来代替，并使用

targetFocus:“category”

您可以添加另一列（与第二列的值相同），并将此列用作注释。

//代码在这里
var-app=angular.module（'myApp'，['googlechart']）；
应用程序控制器（'MainCtrl'，函数（$scope）{
var chart1={}；
chart1.type=“线形图”；
图表1.1数据=[
['Component'，'cost'，{type:'number'，role:'annotation'}]，
[“软件”，5000050000]，
[‘硬件’，80000]，
];
图表1.数据推送（['Services'，2000020000]）；
图表1.选项={
displayExactValues:true，
宽度：300，
身高：150，
is3D：是的，
图表区：{
左:10,，
前10名，
底部：0，
身高：“100%”
},
探索者：{
操作：['dragToZoom'，'rightClickToReset']
}
};
chart1.formatters={
编号：[{
columnNum:1，
模式：$#，##0.00
},{
columnNum:2，
模式：$#，##0.00
}]
};
$scope.chart=chart1；
$scope.aa=1*$scope.chart.data[1][1]；
$scope.bb=1*$scope.chart.data[2][1]；
$scope.cc=1*$scope.chart.data[3][1]；
});


软件：{{aa}


硬件：{{bb}


服务：{{cc}

在这里，您可以找到定制工具提示内容所需的全部内容，谢谢。你的回答很有帮助。注释角色的相关文档可在此处找到；
app.controller('MainCtrl', function($scope) {
  var chart1 = {};
  chart1.type = "LineChart";
  chart1.data = [
    ['Component', 'cost'],
    ['Software', 50000],
    ['Hardware', 80000],