web-dev-qa-db-fra.com

Alternative à la visualisation Google Chronologie annotée? (bibliothèque graphique)

Existe-t-il une alternative à l'API Annotated Timeline Visualization de Google?

enter image description here

Il y a quelques bugs dans la chronologie annotée , et il ne semble pas qu'ils seront abordés.

C'est aussi un graphique basé sur Flash. Une implémentation Canvas + Javascript serait plus portable.

Les qualités qui rendent le Annotated Timeline précieux (par opposition à toutes les autres bibliothèques de cartographie que j'ai trouvées jusqu'à présent) sont les suivantes:

  • supporte plusieurs lignes
  • zoomer; entrer et sortir d'une plage de dates
  • panoramique dans le temps
  • prend en charge milliers de points de données
  • possibilité d'être alimenté de nouvelles données à la volée

Autant que je sache, le scénario annoté de Google est la seule bibliothèque de graphiques linéaires interactive.

chartsdata-visualizationgoogle-visualizationannotatedtimeline
31
Ian Boyd

Dygraphs devrait faire exactement ce que vous voulez, et est une implémentation complète de js. C'est gratuit et déjà s'intègre à gviz ( sample here ), vous devriez donc à peine avoir besoin de changer quoi que ce soit. Il possède également une foule d’autres fonctionnalités utiles que l’on ne retrouve pas dans les autres graphiques de gviz (comme le calcul de la moyenne mobile).

J'espère que cela pourra aider.

20
oli

Je sais que cette question est assez ancienne, mais cela me ferait gagner beaucoup de temps si je savais qu'il y avait une nouvelle api ChartRangeFilter.

enter image description here

https://google-developers.appspot.com/chart/interactive/docs/gallery/controls#chartrangefilter

5
headsvk

Le 29 janvier 2014 Google a mis à disposition une nouvelle version d'un tel graphique appelée Annotation Chart . C'est vraiment cool! Le meilleur de tous c'est gratuit pour l'utilisateur où vous voulez.

Les graphiques d'annotation sont des graphiques linéaires interactifs de séries chronologiques prenant en charge annotations. Contrairement au scénario annoté, qui utilise Flash, Les graphiques d'annotation sont en SVG/VML et doivent être préférés chaque fois que possible.

Échantillon:

<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>
3
Leniel Maccaferri

Je viens de rencontrer ceci:

http://www.highcharts.com/demo/dynamic-master-detail

Ce n'est pas gratuit mais ça a l'air intéressant.

2
tooshel

Ce fil est un peu ancien, mais les widgets SIMILE de MIT sont excellents. Ils en ont également un pour la chronologie . SIMILE Timeline Widget

2
karlos

Il y a un nouveau projet dans la cour (ouais, je suis l'un des développeurs là-bas), qui pourrait bien correspondre à vos besoins:

Laboratoire du logiciel de visualisation de données

Cette bibliothèque est purement HTML5 et très interactive - essayez la démo. Il est également optimisé pour les appareils mobiles et peut donc être utilisé sur n’importe quel appareil.

Library est en version bêta et en développement actif pour le moment. Beaucoup plus de fonctionnalités à venir bientôt. Tout retour serait fortement recommandé. Il existe également une documentation complète et des exemples d'utilisation. L'API pour le contrôle externe est également présente.

Double licence à fournir.

Instantané:

TimeChart example

2
jancha

Après des recherches approfondies pour remplacer Google Annotated Timeline, je pense que HighChart StockChart est le plus complet. Comme mentionné ci-dessus, ce n’est ni open source ni gratuit, mais abordable selon moi.

1
Go4It

Essayez NVD3.js si vous n'avez pas besoin de l'annotation mais seulement de la fonction de viseur.

1
yegle

Essayez c3js . Il est totalement gratuit, léger et facile à utiliser.

0
Ishu Madan