Javascript 谷歌图表，我想在图表中每个点的右边写一些文字

谷歌图表，我想在图表中某些点的右侧写一些文字。我该怎么做

图表有三个不同的系列低、高、多，应该有一条虚线，从“低”值到“多”值。X轴应具有刻度，如PC#1、PC#2、PC#3等。此外，每个点的值应位于图形的右侧，而不是作为工具提示。图表应该有三个图例，因为我们有三个系列“低”、“高”、“多”

您可以使用注释将文本放置在图表上某个点的旁边

注释是使用数据列添加的，直接位于它应该表示的序列列之后

请参阅以下工作片段

google.charts.load（'current'{
回调：函数（）{
绘图可视化（）；
window.addEventListener（'resize'，drawVisualization，false）；
},
软件包：['corechart']
});
函数drawVisualization（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'x'）；
data.addColumn（'number'，'y'）；
addColumn（{type:'string'，role:'annotation'}）；
addRow（[{v:2，f:'}，0.8，'0.8x']）；
addRow（[{v:2，f:'}，7.4，'7.4x']）；
addRow（[{v:2，f:'}，12.2，'12.2x']）；
var container=document.getElementById（'visualization'）；
var chart=新的google.visualization.ScatterChart（容器）；
图表绘制（数据、{
哈克斯：{
滴答声：[
{v:0，f:'}，
{v:1，f:'}，
{v:2，f:'}，
{v:3，f:''}，
{v:4，f:''}
]
}
});
}

您可以使用注释将文本放置在图表上某个点的旁边

注释是使用数据列添加的，直接位于它应该表示的序列列之后

请参阅以下工作片段

google.charts.load（'current'{
回调：函数（）{
绘图可视化（）；
window.addEventListener（'resize'，drawVisualization，false）；
},
软件包：['corechart']
});
函数drawVisualization（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'x'）；
data.addColumn（'number'，'y'）；
addColumn（{type:'string'，role:'annotation'}）；
addRow（[{v:2，f:'}，0.8，'0.8x']）；
addRow（[{v:2，f:'}，7.4，'7.4x']）；
addRow（[{v:2，f:'}，12.2，'12.2x']）；
var container=document.getElementById（'visualization'）；
var chart=新的google.visualization.ScatterChart（容器）；
图表绘制（数据、{
哈克斯：{
滴答声：[
{v:0，f:'}，
{v:1，f:'}，
{v:2，f:'}，
{v:3，f:''}，
{v:4，f:''}
]
}
});
}

谢谢你的回答。我也这么想，但没有这么多的理解。图中我附加的最上面的点还有一个三角形，用虚线连接最低点。我该怎么做？我是否需要为最顶端的点创建一个单独的图表，在与combochart相同的图表中。我还尝试为最低点创建注释，并将茎长度设置为最高点。但是我如何为图表中的所有最低点动态设置茎长呢。另外，在示例中，您已经为点设置了一个注释，因此我们可以为一个点设置两个注释，其中一个注释将在垂直方向上带有一条线，另一个注释将位于点的右侧，如您所解释的。请在这方面提供帮助。请看这把小提琴，了解我尝试了什么，并请帮助我创建我在图中附加的相同类型的图形：您可以指定获取三角形并使用获取破折号--请接受答案？如果你得到了Stuck，那就为其他人再问一个问题吧。我已经接受了答案，但并没有像我最近加入的那样增加投票数。谢谢你的回答。我也这么想，但没有这么多的理解。图中我附加的最上面的点还有一个三角形，用虚线连接最低点。我该怎么做？我是否需要为最顶端的点创建一个单独的图表，在与combochart相同的图表中。我还尝试为最低点创建注释，并将茎长度设置为最高点。但是我如何为图表中的所有最低点动态设置茎长呢。另外，在示例中，您已经为点设置了一个注释，因此我们可以为一个点设置两个注释，其中一个注释将在垂直方向上带有一条线，另一个注释将位于点的右侧，如您所解释的。请在这方面提供帮助。请看这把小提琴，了解我尝试了什么，并请帮助我创建我在图中附加的相同类型的图形：您可以指定获取三角形并使用获取破折号--请接受答案？如果你得到了Stuck，那就为其他人再问一个问题吧。我已经接受了答案，但这并没有像我最近加入的那样增加投票数。

I am able to draw the chart as per my requirement. Please see below fiddle
for your reference:
[Fiddlle link][1]
[1]: https://jsfiddle.net/sainirohit77/5xb68cfw/

The only problem which I can see would arise when the data points are very 
close to each other than the annotation text eg. 2.0x, 7.0x will overlap each 
other.