Google Charts 툴팁

Question

Google Charts에서 툴팁을 항상 볼 수있게 해주는 방법이 있습니까? API에서 찾을 수 있기 때문에, 나는 그것들을 전혀 사용하지 못하게 할 수 있습니다.

Answer 1

현재 Google 시각화 API에서이를 수행 할 방법이 없습니다.

HTML Tooltips을 시도해보고 정상적으로 표시되도록 CSS를 파악할 수 있습니다 (가능할 수도 있음).

다른 방법으로 원하는대로 표시 할 수있는 자바 스크립트를 작성할 수 있습니다. 나는 불행하게도 이것의 작동 예제를 보지 못했다. 솔루션을 찾은 경우 여기에서 공유하고 답을 표시하십시오!

Answer 2

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); 
} 

각 열의 맨 위에 텍스트 'Hell0'을 추가하려면 자바 스크립트 코드를 씁니다.

이 방법의 단점은 툴팁 & 상호 작용이 작동하지 않는다는 것입니다. 아래 에서처럼 비활성화해야합니다.

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