Javascript 如何避免谷歌折线图注释文本相互覆盖？

我创建了一个带注释的水平折线图，但当两点太近时注释文本会相互覆盖，我如何避免注释相互覆盖？？ 这是我的示例图表：

google.charts.load（'current'，{packages:['corechart'，'line']}）；
google.charts.setOnLoadCallback（drawLogScales）；
函数drawLogScales（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'X'）；
data.addColumn（'number'，'Y'）；
addColumn（{type:'string'，role:'annotation'}）；
addColumn（{type:'string'，role:'style'}）；
data.addRows([
[0,0，'pneumoultramicroscopicsilicovolcanoconosis'，''，
[0,0，'QAQ'，''']，
[0.1,0，'ABCDEFG'，''']，
[1, 0,'123',''],     
]);
var选项={}；
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

---

谢谢@WhiteHat的建议，最后我发现我可以创建一个空系列并显示注释：

google.charts.load（'current'，{packages:['corechart'，'line']}）；
google.charts.setOnLoadCallback（drawLogScales）；
函数drawLogScales（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'X'）；
data.addColumn（'number'，'Y'）；
addColumn（{type:'string'，role:'annotation'}）；
data.addColumn（'number'，'Z'）；
addColumn（{type:'string'，role:'annotation'}）；
data.addRows([
[0,0，'pneumoultramicroscopicsilicovolcanoconosis'，0,null]，
[0,0,null,0，'QAQ']，
[0.1,0，null，0，'ABCDEFG']，
[1,0,123,0,null]，
]);
变量选项={series:{1:{color:'#3366CC'，注释：{stem:{color:'#3366CC'，长度：30，}，}，线宽：0，点大小：0，}，}，}，}；
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

在中显示注释文本tooltip@priya_singh谢谢，但我需要直接显示文本，是否可以为每个点设置annotations.datum.stem.length？您只能更改整个系列/数据表列的stem长度。唯一的选择是手动调整图表的就绪事件，方法是更改

元素上的

“y”

属性…@WhiteHat谢谢，我明白了！干杯很好的解决方案。。。