Estoy jugando un poco con Google Charts API, y en realidad tengo que cambiar el texto predeterminado que se muestra en la información sobre herramientas del gráfico de velas. No solo para cambiar el estilo, sino también su contenido.
¿Alguien sabe cómo lograrlo?Texto de información sobre herramientas personalizada en el cuadro de velas de los gráficos de google
6
A
Respuesta
1
Usted puede dejar esto en parque de visualización de Google:
function drawVisualization() {
data = new google.visualization.DataTable()
data.addColumn('string', 'Date');
data.addColumn('number');
data.addColumn('number');
data.addColumn('number');
data.addColumn('number');
data.addColumn({type:'string',role:'tooltip'});
data.addRow();
base = 10;
data.setValue(0, 0, 'Datapoint1');
data.setValue(0, 1, base++);
data.setValue(0, 2, base++);
data.setValue(0, 3, base++);
data.setValue(0, 4, base++);
data.setValue(0, 5, " This is my tooltip1 ");
data.addRow();
data.setValue(1, 0, 'Datapoint2');
data.setValue(1, 1, base++);
data.setValue(1, 2, base++);
data.setValue(1, 3, base++);
data.setValue(1, 4, base++);
data.setValue(1, 5, "This is my second tooltip2");
// Draw the chart.
var chart = new google.visualization.CandlestickChart(document.getElementById('visualization'));
chart.draw(data, {legend:'none', width:600, height:400});
}
3
probar este código para personalizar el contenido Tooltip usando etiquetas HTML.
data.addRows([
['Mon', 20, 28, 38, 45, customTooltip('Monday')],
['Tue', 31, 38, 55, 66, customTooltip('Tuesday')],
['Wed', 50, 55, 77, 80, customTooltip('Wednesday')],
['Thu', 77, 77, 66, 50, customTooltip('Thursday')],
['Fri', 68, 66, 22, 15, customTooltip('Friday')]
]);
function customTooltip(text) {
return '<div style="padding:5px 5px 5px 5px;">' +
'<table id="medals_layout" style=" color:#db6acf; font-size:large">' + '<tr>' +
'<td><b>' + text + '</b></td>' + '</tr>' + '</table>' + '</div>';
}
Tome un vistazo a este jqfaq.com que tiene una muestra de trabajo para Gráfico de líneas
Cuestiones relacionadas
- 1. ¿Cómo agregar información sobre herramientas personalizada para el marcador de mapa de google?
- 2. WPF cuadro de texto validar los resultados sobre herramientas
- 3. Google Charts - html completo en información sobre herramientas
- 4. Mostrar información sobre herramientas en el mouse sobre un texto
- 5. Agregar texto personalizado a la información sobre herramientas de visualización de Google
- 6. C# Mostrar una información sobre herramientas en el cuadro de texto deshabilitado (Formulario)
- 7. Información sobre herramientas sobre un polígono en Google Maps
- 8. Información sobre herramientas para QPushButton
- 9. ¿Cómo crear un cuadro tipo "información sobre herramientas" de SVG?
- 10. jqplot información sobre herramientas en el gráfico de barras
- 11. Google maps v3 información sobre herramientas de polilínea
- 12. ¿Cómo cambiar el texto de información sobre herramientas para google chart api?
- 13. fuente de información sobre herramientas en wpf
- 14. Información sobre herramientas para cada elemento en un cuadro combinado
- 15. Información sobre herramientas en paneles
- 16. Mostrando información sobre herramientas en asp.net Controles de gráfico MS
- 17. muestra información sobre herramientas personalizada al pasar el cursor sobre un punto en flot
- 18. jqplot formato de información sobre herramientas valores
- 19. Cómo deshabilitar la información sobre herramientas en google geo chart?
- 20. jQuery + información sobre herramientas de contenido ajax
- 21. Información sobre herramientas en una imagen
- 22. ¿Cómo se muestra una información sobre herramientas cuando el foco está en un cuadro de texto específico?
- 23. ¿Cómo personalizar información sobre herramientas (texto y formato) en Google Vizualization Bar Charts?
- 24. información sobre herramientas para navegadores móviles
- 25. información sobre herramientas celular en SlickGrid
- 26. Errores de validación de WPF: configuración de información sobre herramientas con el mensaje de error
- 27. La información sobre herramientas está cortada usando google charts
- 28. información sobre herramientas vacía tema
- 29. Información sobre herramientas para fullcalendar en la vista de año
- 30. ¿Cómo se muestra el error de IDataErrorInfo en información sobre herramientas en DataGridTextColumn?
También es necesario definir que la última columna tiene papel: información sobre herramientas. – dalloliogm