javascript - haxis - Google Chart Line Chart horas y minutos

horizontal bar chart google charts

Question

Intento utilizar la API de gráficos de Google para mostrar un gráfico de líneas.
Creé una tabla de datos con dos columnas, una fecha y un valor numérico. La línea se muestra correctamente pero faltan las etiquetas en el eje X. Todos los datos están en el mismo día, pero a horas diferentes. Si edito las fechas para repartirlas en diferentes días, todo funciona.
Necesito enfocar mi cuadro en un solo día y mostrar horas y minutos en el eje X.
¿Cómo puedo hacer eso?

Gracias.

Answer 1

Para focus my chart in one day only and show hours and minutes on the X axis. necesitas hacer esto en tu consulta. Esto no tiene nada que ver con Google Charts. Puede consultar los parámetros de Haxis para ver si puede cambiar algunos de esos valores para lograr lo que desea https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart

Answer 2

Generalmente se trata de cómo pasas los datos. Con arrayToDataTable sus fechas son solo cadenas. Si crea una instancia de un objeto de fecha JS y crea la dataTable , debería obtener mejores resultados. Este código funciona para mí (verlo en vivo ):

function drawVisualization() {
var data = new google.visualization.DataTable();
data.addColumn(''datetime'', ''Time of Day'');
data.addColumn(''number'', ''Some Measurement'');
data.addRows([
[new Date(2012,10,3,11,30,0), 12],
[new Date(2012,10,3,11,45,0), 2],
[new Date(2012,10,3,12,1,0), 16],
[new Date(2012,10,3,12,15,0), 3],
[new Date(2012,10,3,12,30,0), 12],
[new Date(2012,10,3,12,45,0), 7]
]);
new google.visualization.LineChart(document.getElementById(''visualization'')).
draw(data, {curveType: "function",
width: 500, height: 400,
vAxis: {maxValue: 10}}
);
}

Solía ​​ser un fanático de la visualización de Google pero me han quemado demasiadas veces por sus actualizaciones no anunciadas. También tiene muchas limitaciones. Echa un vistazo a Dygraph, que maneja muy bien las series de tiempo.