2011-11-22 21 views
18

Cómo quitar el texto emergente de información sobre herramientas del gráfico circular de Google Visualization (gráfico principal)? Necesidad de hacer que funcione a través del navegador, por ejemplo, IE, FF, Chrome, Safari, OperaQuitar hover tooltip del gráfico circular de Google Visualization (gráfico principal)

enter image description here

Editar: Necesito las rebanadas de ser demasiado se pueda hacer clic.
enableInteractivity : false elimina los objetos emergentes pero no arroja 'seleccionar' u otros eventos basados ​​en la interacción.

+1

De esta: http://code.google.com/p/google-visualization-api-issues/issues/detail?id=383 no lo hace parece que puedes hacerlo A menos que pueda hackear onmouseover de alguna manera ... –

+1

http://code.google.com/apis/chart/interactive/docs/release_notes.html - "Información sobre herramientas: en la versión actual, la información sobre herramientas se abre automáticamente al pasar el mouse; no se puede abrir o ciérralos usando la API ". Comprobé el código fuente de SVG y no parece que haya ninguna clase que la que se asignó a la información sobre herramientas para ocultarla con css o js no funcione. –

Respuesta

35

Tal vez es necesario agregar esto a las opciones de su tabla de

'tooltip' : { 
    trigger: 'none' 
} 

De esta manera se puede dejar enableInteractivity establece en true.

+0

que no funciona para mí. los recuadros de información sobre herramientas aún se muestran. – dokaspar

+0

Gracias por la respuesta. Este atributo fue lanzado después de haber publicado mi pregunta. Era una funcionalidad muy necesaria, por lo tanto, Google lo tomó. –

+0

@Dominik: Tuve un problema similar con la visualización de la línea de tiempo, ya que la opción 'tooltip' no parece ser compatible. No pude suprimir el evento hover en sí, pero la definición de un estilo CSS de 'display: none;' para elementos con la clase 'google-visualization-tooltip' mantuvo ocultos los tooltips de la línea de tiempo. La clase parece lo suficientemente genérica como para esperar que esto también funcione con otros tipos de gráficos. – jmikola

10

Utilice la opción enableInteractivity = False. Deshabilitará la interacción y pasará el cursor.

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

Gracias Nix. Sin embargo, necesito que las rebanadas también se puedan hacer clic. "enableInteractivity: false" quita los objetos emergentes pero no arroja 'seleccionar' u otros eventos basados ​​en la interacción. –

2

Este evento activable remove pero mantiene el evento click:

tooltip: { trigger: 'selection' } 
1

conjunto de información sobre herramientas: {isHtml: true} en la sección de opciones.

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

en el archivo css

div.google-visualization-tooltip { display:none } 
Cuestiones relacionadas