¿Hay alguna manera de dar estilo a la información sobre herramientas en Google chart API? Solo he logrado cambiar el color del texto usando tooltip.textStyle. Entonces, ¿hay alguna solución para cambiar el fondo blanco a algún otro de color (como se muestra en la foto):Google chart API styling tooltips
parque infantil Prueba http://jsfiddle.net/nyNAg/
he encontrado una solución a través de la casualidad:
<style>
path {
fill: yellow;
}
</style>
De todos modos, no he encontrado ninguna opción de configuración para el fondo en los gráficos API de Google.
Como muestra el gráfico Herramientas API Google implementa su SVG gráficos a través de un iframe alojado en sus servidores, según el Same Origin Policy no puede acceder o modificar el contenido de otro dominio, a menos que sea a través de la manipulación del lado del servidor antes de enviar una respuesta al cliente.
Dado que, no estoy seguro de cómo se las arregló para cambiar el color del texto, ¿quizás un error del navegador?
Hay una opción de configuración para el color de texto "tooltip.textStyle" pero no para el color de fondo. He editado el SVG usando Firebug solo para mostrar qué estoy tratando de lograr (e hice una captura de pantalla). – vlgalik
Veo su enlace. Aparte del estilo que Google ofreció específicamente a través de la API, no veo cómo habría ninguna forma de evitarlo. – rutherford
Es posible reemplazar por completo la etiqueta con HTML personalizado. Es tal vez un poco complicado, pero le da un control total del contenido y el estilo. Consulte https://developers.google.com/chart/interactive/docs/customizing_tooltip_content#custom_html_content
Otra opción podría ser anular las reglas de estilo en línea, p.
li.google-visualization-tooltip-item span [style] {font-weight: normal! Important; }
Habilitar la descripción para ser manejado por el código HTML escribiendo este código en sus opciones de gráficos de Google CÓDIGO: tooltip: { isHtml: true } (,) añadir una coma si es necesario. :)
Ahora puede modificar la información sobre herramientas mediante HTML y css. :)
/estilo CSS/
de peinar el cuadro de información sobre herramientas:
div.google-visualization-tooltip {}
de peinar el contenido como el tamaño de fuente, color, etc
div.google-visualization-tooltip > ul > li > span {}
uso cada vez !important necesario;)
He editado el selector para que coincida solo con la burbuja de sugerencias http://jsfiddle.net/nyNAg/21/ – vlgalik
¿Es posible cambiar el fondo de la información sobre herramientas directamente en 'var options = {}'? Por ejemplo, para hacer un gráfico transparente, puede establecer 'var options = {backgroundColor: {fill: 'transparent'}};' – Pathros