Google图表工具提示

Question

有什么方法可以使Google图表中的工具提示始终可见？ 正如我在API中可以找到的那样，我只能完全禁用它们。

Answer 1

var svg = document.getElementById('div_id').getElementsByTagName('svg')[0];     
var parent = svg.childNodes[4].firstChild.nextSibling.firstChild.nextSibling.firstChild.parentNode;
for(var i=0; i<svg.childNodes[4].childNodes[1].childNodes[1].childElementCount; i++) {
    var g = document.createElementNS('http://www.w3.org/2000/svg', 'g');
    var text = document.createElementNS('http://www.w3.org/2000/svg', 'text');  
    var child = svg.childNodes[4].firstChild.nextSibling.firstChild.nextSibling.firstChild; 
    text.setAttribute('x', child.getAttribute('x'));
    text.setAttribute('y', child.getAttribute('y'));
    text.setAttribute('fill', '#000000');
    text.setAttribute('dy', '-2');      
    text.textContent = 'Hell0'; 
    parent.removeChild(child);
    g.appendChild(child);   
    g.appendChild(text);
    parent.appendChild(g);
}

我在上面的javascript代码中编写了此代码，以将文本“ Hell0”附加到每列的顶部。

这种方法的缺点是工具提示，并且交互性不起作用。 所以你需要如下禁用

tooltip: {tigger: 'none'},
enableInteractivity: false,

Answer 2

Google Visualization API当前无法执行此操作。

您可以尝试使用HTML工具提示 ，看看是否可以弄清楚CSS使其正常显示（可能）。

另外，您可以编写自己的Javascript以显示所需的任何内容。 不幸的是，我还没有看到一个可行的例子。 如果找到解决方案，请在此处分享并标记为答案！