Подтвердить что ты не робот

Альтернатива аннотированной шкале времени визуализации Google? (графическая библиотека)

Есть ли альтернатива Google Аннотированная временная шкала API визуализации?

enter image description here

Там есть некоторые ошибки в аннотированной временной шкале, и, похоже, они не будут устранены.

Также это диаграмма Flash. Реализация Canvas + Javascript будет более переносимой.

Качество, которое делает Annotated Timeline ценным (в отличие от всех других графических библиотек, которые я нашел до сих пор):

  • поддерживает несколько строк
  • масштабирование; для сверления и выхода из диапазона дат
  • панорамирование взад и вперед во времени
  • поддерживает тысячи точек данных
  • способность получать новые данные "на лету"

Насколько я могу сказать, Google Annotated Timeline является единственной интерактивной библиотекой графиков.

4b9b3361

ОТВЕТЫ

Ответ 1

Dygraphs должен делать именно то, что вы хотите, и является полной реализацией js. Это бесплатно, и уже интегрируется с gviz (пример здесь), поэтому вам не нужно ничего менять. Он также имеет множество других полезных функций, не найденных на других графиках gviz (например, скользящий средний расчет).

Надеюсь, что это поможет.

Ответ 3

В 29 января 2014 года Google выпустила новую версию такой диаграммы, названной Annotation Chart. Это действительно здорово! Лучше всего это бесплатно для пользователя, где бы вы ни хотели.

Графики аннотаций - это интерактивные линейные диаграммы временных рядов, которые поддерживают аннотаций. В отличие от аннотированной временной шкалы, в которой используется Flash, диаграммы аннотаций являются SVG/VML и должны быть предпочтительнее всякий раз возможно.

Пример:

<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>

Ответ 6

Во дворе есть новый проект (да, я один из разработчиков там), который может быть идеально подходит для ваших нужд:

Лаборатория программного обеспечения визуализации данных

Эта библиотека полностью основана на HTML5 и очень интерактивна - попробуйте демонстрацию. Он также оптимизирован для мобильных устройств, поэтому вы можете использовать его на любом устройстве.

В настоящее время библиотека находится в стадии бета-тестирования и активной разработки. Скоро появится еще много функций. Любая обратная связь будет настоятельно рекомендована. Существует также обширная документация и примеры использования. API для внешнего управления также присутствует.

Предусмотрено двойное лицензирование.

Снимок:

TimeChart example

Ответ 7

После обширных исследований, чтобы заменить Google Annotated Timeline, я считаю, что HighChart StockChart является наиболее полным. Как упоминалось выше, это не открытый источник и не бесплатный, но доступный по мне.

Ответ 8

Попробуйте NVD3.js, если вам не нужна аннотация, но только функция видоискателя.

Ответ 9

Попробуйте c3js . Он абсолютно бесплатный, легкий и простой в использовании.