Charts 谷歌图表-如何将文本附加到默认工具提示

我想使用默认的工具提示向图表中添加自定义工具提示，例如，只需向其添加一些文本

这是可能的，还是我必须自己用html来创建它

data= google.visualization.arrayToDataTable([
        ["Element", "Duration ", { role: "style" }, { role: 'tooltip' }],
        ["Count", 23515, "orange", ???],
      ]);   

如何（默认工具提示）：

我想要什么：

将持续时间附加为可读时间，但仍保留默认工具提示

---

无法通过标准功能向默认工具提示添加内容

为此，需要在显示工具提示时直接对其进行操作

以下工作片段侦听图表上的

'onmouseover'

事件
然后修改工具提示（如果找到）
使用作为事件参数属性传递的行#

请记住，样式（

字体大小

）将根据图表的大小而变化
代码段将从现有行复制样式

google.charts.load（'current'{
回调：函数（）{
var dataTable=新的google.visualization.dataTable({
科尔斯：[
{label:'Element'，type:'string'}，
{标签：'Duration'，类型：'number'}，
{角色：'style'，类型：'string'}
],
行：[
{c:[{v:'Amazon弹性转码器'}，{v:3116，f:'3116S'}，{v:'orange'}]}，
{c:[{v:'Amazon弹性转码器'}，{v:8523，f:'8523 s'}，{v:'cyan'}]}
]
});
变量选项={
背景色：“透明”，
图例：“无”，
主题：“最大化”，
哈克斯：{
text位置：“无”
},
工具提示：{
isHtml：是的
}
};
var container=document.getElementById（'chart_div'）；
var chart=新的google.visualization.ColumnChart（容器）；
google.visualization.events.addListener（图表，'onmouseover'，函数（道具）{
var duration=dataTable.getValue（props.row，1）；
var小时=parseInt（持续时间/3600）%24；
var minutes=parseInt（持续时间/60）%60；
var秒=持续时间%60；
var tooltip=container.getElementsByTagName（'ul'）；
var tooltipLabel=container.getElementsByTagName（'span'）；
如果（tooltip.length>0）{
//增加工具提示高度
工具提示[0]。parentNode.style.height='95px'；
//添加新的li元素
var newLine=工具提示[0]。appendChild（document.createElement（'li'）；
newLine.className='谷歌可视化工具提示项'；
//为标签添加跨度
var lineLabel=newLine.appendChild（document.createElement（'span'）；
lineLabel.style.fontFamily=工具提示标签[0]。style.fontFamily；
lineLabel.style.fontSize=工具提示标签[0]。style.fontSize；
lineLabel.style.color=工具提示标签[0]。style.color；
lineLabel.style.margin=工具提示标签[0]。style.margin；
lineLabel.style.textDecoration=工具提示标签[0]。style.textDecoration；
lineLabel.innerHTML=dataTable.getColumnLabel（1）+'：'；
//为值添加跨度
var lineValue=newLine.appendChild（document.createElement（'span'）；
lineValue.style.fontFamily=工具提示标签[0]。style.fontFamily；
lineValue.style.fontSize=工具提示标签[0]。style.fontSize；
lineValue.style.fontWeight=工具提示标签[0]。style.fontWeight；
lineValue.style.color=工具提示标签[0]。style.color；
lineValue.style.margin=工具提示标签[0]。style.margin；
lineValue.style.textDecoration=工具提示标签[0]。style.textDecoration；
lineValue.innerHTML=小时+小时+分钟+米+秒+秒；
}
});
图表绘制（数据表、选项）；
},
软件包：['corechart']
});

谢谢你的回答，但我写了一个错误，我写了
注释
，虽然我是指工具提示。我要问一个新问题。不，那不行。也许我说得不够清楚。现在说得通了，谢谢——更改了上面的答案，第一个示例直接更改dom以将内容添加到工具提示中——第二个示例使用自定义html工具提示