Angular 在google图表中标题悬停时显示工具提示2

我需要在谷歌图表（角度2）中的条形图倾斜悬停上显示工具提示文本

---

没有任何标准选项可用于向图表标题添加工具提示

但您可以添加自己的自定义设置

首先，您可以使用以下图表方法找到标题的位置

chart.getChartLayoutInterface().getBoundingBox('title')

然后，您可以在图表悬停时检查鼠标坐标
如果坐标在标题的边界内，则显示工具提示
隐藏否则

请参阅以下工作片段

google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var data=google.visualization.arrayToDataTable([
[H1'，-0.5，-0.5]，
[H2'，-0.5，-0.5]，
[H3'，-0.5，-0.5]，
]，对）；
变量选项={
身高：400，
标题：“到达后30分钟内接受AMI 7a纤溶治疗”，
言辞：{
视图窗口：{
最小值：-0.5，
最多：10
}
},
宽度：400
};
var container=document.getElementById（'chart_div'）；
var chart=新的google.visualization.ColumnChart（容器）；
var titleTooltip=document.getElementById（'title-tooltip'）；
google.visualization.events.addListener（图表'ready'，函数（事件）{
//设置工具提示位置
var chartLayout=chart.getChartLayoutInterface（）；
var titleBounds=chartLayout.getBoundingBox（“标题”）；
titleTooltip.style.top=（titleBounds.top+titleBounds.height+8）+“px”；
titleTooltip.style.left=titleBounds.left+'px'；
chartPosition=$（容器）.position（）；
//显示工具提示
$（容器）.on（'mouseover'，函数（事件）{
如果（（event.clientX>=（titleBounds.left+chartPosition.left））&&
（event.clientX=（titleBounds.top+chartPosition.top））&&
（event.clientY（titleBounds.left+chartPosition.left+titleBounds.width））||
（event.clientY<（titleBounds.top+chartPosition.top））||
（event.clientY>（titleBounds.top+chartPosition.top+titleBounds.height）））{
$（titleTooltip）.addClass（'hidden'）；
}
});
});
图表绘制（数据、选项）；
});
。隐藏{
显示：无；
可见性：隐藏；
}
.ggl工具提示{
背景色：#ffffff；
边框：1px实心#e0；
显示：内联块；
字号：10pt；
填充：8px 8px 8px 8px；
位置：绝对位置；
}
.ggl工具提示div{
利润上限：4倍；
}
.ggl工具提示范围{
字体大小：粗体；
}

工具提示信息
这可能会对你有所帮助：这个问题运气好吗？