2011-11-22 16 views
18

Jak usunąć podpowiedź narzędzia z wykresu kołowego Google Visualization (core chart)? Potrzeba, aby to działało cross-browser, EG, IE, FF, Chrome, Safari, OperaUsuń podpowiedź z wykresu kołowego Google Visualization (rdzeń wykresu)

enter image description here

Edit: Muszę plastry być klikalny też.
enableInteractivity : false usuwa zawijasy, ale nie rzuca "wybierz" ani innych zdarzeń opartych na interakcji.

+1

Z tego: http://code.google.com/p/google-visualization-api-issues/issues/detail?id=383 nie robi wydaje się, że możesz to zrobić. Chyba że uda ci się jakoś włamać do niego ... –

+1

http://code.google.com/apis/chart/interactive/docs/release_notes.html - "Etykietka" - w bieżącej wersji podpowiedzi otwierają się automatycznie po najechaniu kursorem myszy; nie można otworzyć lub zamknij je za pomocą API. " Sprawdziłem kod źródłowy dla SVG i nie wydaje mi się, że istnieje jakaś klasa przypisana do podpowiedzi, więc ukrywanie się za pomocą css lub js nie zadziała. –

Odpowiedz

35

Może trzeba dodać do opcji wykresu za

'tooltip' : { 
    trigger: 'none' 
} 

W ten sposób można pozostawić enableInteractivity wartość true.

+0

to nie działa dla mnie. pola podpowiedzi są nadal wyświetlane. – dokaspar

+0

Dziękuję za odpowiedź. Ten atrybut został wydany po opublikowaniu mojego pytania. Była to bardzo potrzebna funkcjonalność, dlatego Google podjęło ją. –

+0

@Dominik: Miałem podobny problem z wizualizacją osi czasu, ponieważ opcja 'tooltip' nie jest obsługiwana. Nie byłem w stanie stłumić samego zdarzenia najechania, ale zdefiniowałem styl CSS 'display: none;' dla elementów z klasą 'google-visual-tooltip' zachował ukryte podpowiedzi osi czasu. Klasa wydaje się na tyle ogólna, że ​​mógłbym oczekiwać, że to może działać również z innymi typami wykresów. – jmikola

10

Użyj opcji enableInteractivity = False. Wyłącza interakcję i najedzenie.

chart.draw(data, { 
    width: 400, 
    height: 240, 
    title: 'Your chart and data', 
    enableInteractivity: false, 
    hAxis: {title: 'Year'} 
}); 
+0

Dzięki Nix. Jednak potrzebuję, aby plasterki były również klikalne. "enableInteractivity: false" usuwa zawieszone obiekty, ale nie wyświetla zdarzeń "wybierz" ani innych zdarzeń opartych na interakcji. –

2

to usunięcie wydarzenie unosić ale utrzymuje zdarzenie click:

tooltip: { trigger: 'selection' } 
1

zestaw podpowiedzi: {isHtml: true} w sekcji opcji.

chart.draw(data, { 
    tooltip: { isHtml: true }, 
    width: 400, 
    height: 240, 
    title: 'Title', 
    hAxis: {title: 'Year'} 
}); 

w pliku css

div.google-visualization-tooltip { display:none } 
Powiązane problemy