Библиотека графиков Javascript

Я ищу библиотеку диаграмм JavaScript. Мои требования:

  • 2D линейные диаграммы и гистограммы
  • Масштабирование по оси X с возможностью синхронизации масштабирования нескольких графиков
  • Несколько линий на одном графике с одной и той же осью X
  • Экспорт в строку данных base64 (png)
  • Способ добавления вех по оси X с помощью значков
  • Всплывающее окно или всплывающее окно с пользовательским содержимым и HTML-ссылками внутри.
  • Бесплатно, с открытым исходным кодом
  • Нет огромного набора данных, вероятно, на основе SVG это здорово.
  • Поддержка CSS
  • Поддержка I18N
  • Можно использовать с угловым

На данный момент я рассматриваю plotlyjs и HighCharts. Любая помощь будет оценена по достоинству!

HighCharts превосходен, но не бесплатен. Является ли бесплатным требованием (как вы указали) или нет?
В идеале да. Тем не менее, HighCharts интересен доступной лицензией High-five для стартапов с предварительным доходом или предварительным финансированием, которая применима к нам.
HighCharts почти хорош, но то, как реализованы всплывающие подсказки, делает неудобным нажимать на ссылки, когда набор данных плотный :-(
visjs.org стоит посмотреть

Ответы (1)

Syncfusion EJ2 Chart для Angular поддерживает большинство требований.

  • 2D линейные диаграммы и гистограммы

    Поддерживает различные типы серий линий и серий стержней. Демо

    Для получения дополнительной информации о сериях линий и серий стержней см.

  • Масштабирование по оси X с возможностью синхронизации масштабирования нескольких графиков

    Для получения дополнительной информации о масштабировании см .

    Демонстрационная ссылка

    введите описание изображения здесь

  • Несколько линий на одном графике с одной осью X

    Да. У нас может быть несколько линий на одном графике с одной и той же осью X.

    Демонстрационная ссылка введите описание изображения здесь

  • Экспорт в строку данных base64 (png)

    Экспорт в base64 Демонстрационная ссылка

    И диаграмма также может быть экспортирована в другой формат. Для получения дополнительной информации об экспорте перейдите по демонстрационной ссылке.

    1. PNG
    2. SVG
    3. JPG
    4. PDF

    Демонстрационная ссылка

    Для получения дополнительной информации об экспорте см.

  • Способ добавления вех по оси X с помощью значков

    Вехи могут быть достигнуты с помощью функции аннотации:

    Демонстрационная ссылка

    Для получения дополнительной информации об аннотации см .

Диаграмма Syncfusion с этапами

  • Всплывающее окно или всплывающее окно с пользовательским содержимым и HTML-ссылками внутри.

    При наведении курсора всплывающее окно будет отображать информацию о точках, мы можем настроить это всплывающее окно с помощью шаблона для отображения пользовательского содержимого.

    Демонстрационная ссылка введите описание изображения здесь

  • Бесплатно, с открытым исходным кодом

    Коммерческий продукт, бесплатный вариант доступен по лицензии сообщества, если вы соответствуете требованиям (доход менее 1 миллиона долларов США).

  • Нет огромного набора данных, вероятно, на основе SVG это здорово.

    Да, наш компонент диаграммы EJ2 основан на SVG.

  • Поддержка CSS

    Весь внешний вид можно настроить с помощью встроенного API.

  • Поддержка I18N

    Да, управление диаграммой EJ2 поддерживает I18N

  • Можно использовать с угловым

    Да, можно использовать с платформой Angular. Все вышеупомянутые примеры находятся в Angular.

Примечание: я работаю в Syncfusion.

Пожалуйста, дайте мне знать, если у вас есть какие-либо вопросы.