google-visualization - 谷歌可视化 "p Property"支持的属性

Question

我想让值(“v”)使用标准的 HTML 标题属性(为了其他目的而放置其他属性)在翻转时出现。

可视化文档说这可以通过“p 属性”来完成。但是，从我下面的代码中，只有 className 被呈现为 td 标签中的一个属性。

鉴于“样式”属性是直接从文档中复制的示例 - https://developers.google.com/chart/interactive/docs/reference#cell_object ，我想我做错了什么。你能看到它可能是什么吗？

单元格对象:

{
      "v": "\/?s=mi+shampoo+adecuado?&submit=Buscar",
      "f": "\/?s=m...uscar",
      "p": {
        "title": "\/?s=mi+shampoo+adecuado?&submit=Buscar",
        "style": "border: 1px solid green;",
        "className": "randomCls",
        "data-title": "\/?s=mi+shampoo+adecuado?&submit=Buscar"
      }
    },

可视化代码

var table = new google.visualization.DataTable();
for(var j=0; j < data[0].length; j++) {
    table.addColumn(typeof data[1][j].v,data[0][j]);
}
data.shift();
table.addRows(data);
var ac = new google.visualization.Table(graph.get(0)); // AreaChart

ac.draw(table, {
    backgroundColor: {fill:'#d4d4d4'},
    colors : ["#999999",'#004087']
});

Answer 1

表格可视化仅支持 "className" and "style" properties对于细胞。如果需要对单元格应用额外的 HTML 属性，则必须编写自定义代码来解析 <table>由可视化创建的元素并将属性添加到 <td>手动元素。如果您可以将属性放在单元格内容上而不是 <td>元素，您可以设置单元格的格式化值以包含您需要的任何 HTML。