charts - examples - ¿Alternativa a la línea de tiempo anotada de Google Visualization?(biblioteca gráfica)
google charts calendar (9)
¿Hay alguna alternativa a la API de visualización de la línea de tiempo anotada de Google?
Hay algunos errores en la línea de tiempo anotada , y no parece que se abordarán.
También es un gráfico basado en Flash . Una implementación de Canvas + Javascript sería más portátil.
Las cualidades que hacen que la línea de tiempo anotada valiosa (a diferencia de todas las demás bibliotecas de gráficos que he encontrado hasta ahora) son:
- admite múltiples líneas
- zooming para perforar dentro y fuera de un rango de fechas
- panorámica de ida y vuelta a través del tiempo
- admite miles de puntos de datos
- capacidad de recibir nuevos datos sobre la marcha
Por lo que puedo decir, la línea de tiempo anotada de Google es la única biblioteca interactiva de gráficos de líneas.
Me encontré con esto:
http://www.highcharts.com/demo/dynamic-master-detail
No es gratis, pero parece interesante.
Dygraphs debería hacer exactamente lo que usted desea, y es una implementación completa de js. Es gratis, y ya se integra con gviz ( muestra aquí ), por lo que apenas deberías cambiar nada. También tiene muchas otras funciones útiles que no se encuentran en otros gráficos de gviz (como el cálculo de promedio móvil).
Espero que ayude.
Este hilo es un poco antiguo, pero los widgets SIMILE de MIT son geniales. Ellos tienen uno para la línea de tiempo también. SIMILE Widget de la línea de tiempo
Después de una extensa investigación para reemplazar Google Annotated Timeline, creo que HighChart StockChart es el más completo. Como se mencionó anteriormente, no es de código abierto ni gratuito, pero es asequible según yo.
Hay un nuevo proyecto en el patio (sí, soy uno de los desarrolladores), que podría ser el complemento perfecto para sus necesidades:
Laboratorio de software de visualización de datos
Esa biblioteca es puramente basada en HTML5 y muy interactiva: prueba la demo. También está optimizado para dispositivos móviles, por lo que puedes usarlo en cualquier dispositivo.
La biblioteca está en fase beta y desarrollo activo en este momento. Muchas más características por venir pronto. Cualquier comentario sería altamente recomendado. También hay una amplia documentación y ejemplos de uso. La API para el control externo también está presente.
Licencia dual que se proporcionará.
Instantánea:
Sé que esta pregunta es bastante antigua, pero me ahorraría mucho tiempo si supiera que hay una nueva API de ChartRangeFilter .
https://google-developers.appspot.com/chart/interactive/docs/gallery/controls#chartrangefilter
Pruebe NVD3.js si no necesita la anotación, pero solo la función del visor.
El 29 de enero de 2014, Google puso a disposición una nueva versión de dicha tabla llamada Annotation Chart . ¡Es realmente genial! Lo mejor de todo es que es gratis para el usuario donde quiera.
Los gráficos de anotación son gráficos de líneas interactivas de series de tiempo que admiten anotaciones. A diferencia de la línea de tiempo anotada, que usa Flash, los gráficos de anotación son SVG / VML y deben preferirse siempre que sea posible.
Muestra:
<html>
<head>
<script type=''text/javascript'' src=''http://www.google.com/jsapi''></script>
<script type=''text/javascript''>
google.load(''visualization'', ''1.1'', {''packages'':[''annotationchart'']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn(''date'', ''Date'');
data.addColumn(''number'', ''Kepler-22b mission'');
data.addColumn(''string'', ''Kepler title'');
data.addColumn(''string'', ''Kepler text'');
data.addColumn(''number'', ''Gliese 163 mission'');
data.addColumn(''string'', ''Gliese title'');
data.addColumn(''string'', ''Gliese text'');
data.addRows([
[new Date(2314, 2, 15), 12400, undefined, undefined,
10645, undefined, undefined],
[new Date(2314, 2, 16), 24045, ''Lalibertines'', ''First encounter'',
12374, undefined, undefined],
[new Date(2314, 2, 17), 35022, ''Lalibertines'', ''They are very tall'',
15766, ''Gallantors'', ''First Encounter''],
[new Date(2314, 2, 18), 12284, ''Lalibertines'', ''Attack on our crew!'',
34334, ''Gallantors'', ''Statement of shared principles''],
[new Date(2314, 2, 19), 8476, ''Lalibertines'', ''Heavy casualties'',
66467, ''Gallantors'', ''Mysteries revealed''],
[new Date(2314, 2, 20), 0, ''Lalibertines'', ''All crew lost'',
79463, ''Gallantors'', ''Omniscience achieved'']
]);
var chart = new google.visualization.AnnotationChart(document.getElementById(''chart_div''));
var options = {
displayAnnotations: true,
};
chart.draw(data, options);
}
</script>
</head>
<body>
<div id=''chart_div'' style=''width: 900px; height: 500px;''></div>
</body>
</html>
Prueba c3js. Es completamente gratis, liviano y fácil de usar.