Charts Google可视化表格：显示完整列标签

我已经用google图表创建了一个表，即使用google.visualization.table，相同的列标题是HR、BR等等

例如
{cols:[{id:'A'，标签：''，类型：'string'}， {id:'B'，标签：'IMP'，类型：'number'}]}

---

因为我的实际代码中有很多列，所以我对它们进行了缩写，但当我将鼠标悬停在上面时，我需要显示完整的列名。有什么想法吗？

可视化API表可视化不允许您将任何元数据与列标题相关联，因此，您必须找到标题单元格并使用其内容查找全名。你可以用这样的方法开始：

google.visualization.events.addListener(myTable, 'ready', function () {
    var headerCells = document.querySelectorAll('#my_table_div .google-visualization-table-th');
    // loop over headerCells and use contents of cells to find the full name
    // note that the headerCells will contain a <span> element for the sort arrows, if sorting is enabled
});

google.visualization.events.addListener（myTable，'ready'，function（）{
var headerCells=document.queryselectoral（'my#u table_div.google visualization table th'）；
//在headerCells上循环并使用单元格内容查找全名
//请注意，如果启用了排序，headerCells将包含一个用于排序箭头的元素
});

---

在创建表对象之后但在绘制它之前插入事件侦听器。

您可以在标签字段中使用html，例如：

<span title='Full label'>b</span>

b

“完整标签”将在鼠标悬停时显示为工具提示