Библиотека линейных диаграмм JavaScript

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

Вот список того, что я должен уметь делать:

  • Добавить/удалить наборы данных
  • Только 1 ось X и 1 ось Y, охватывающие все значения
  • Получите баллы за данные и получите точное значение при наведении курсора
  • Есть наборы данных, которые имеют разные метки (например, данные 1 имеют значение для [19,20,21,22,23], данные 2 имеют значение для [24,25,26,27,28], данные 3 имеют значение для [22,23,24]) Строки должны останавливаться, если нет значения. На этикетке не должно быть пробелов (№ 22, 25).

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

Ответы (3)

Я думаю, что jqPlot с правильной комбинацией плагинов сделает то, что вы хотите: http://www.jqplot.com/index.php

Пример их кумулятивной функции плотности демонстрирует:

  1. Добавление/удаление наборов данных
  2. Только одна ось x и y
  3. Точное значение при наведении курсора
  4. Линия останавливается там, где нет значения

Их примеры линейных диаграмм показывают диаграммы, где на линии есть точки. (Я не могу опубликовать третий URL, но их список примеров легко найти.)

Глядя на примеры, мне кажется, хорошо, спасибо, я попробую

Другим вариантом может быть ZingChart. Если вы перейдете в раздел Data Manipulation на игровой площадке Event Playground , установите флажок plot_addи нажмите зеленую кнопку воспроизведения. Также есть plot_remove.

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

Что касается нулевых значений, вот демонстрация этого в действии. Щелкните правой кнопкой мыши и выберите «Просмотр исходного кода», чтобы увидеть JSON.

Я в команде ZingChart, поэтому не стесняйтесь обращаться к нам, если хотите обсудить функции или реализацию!

Я сделал это успешно с jqplot, но все равно спасибо

Эти функции поддерживаются в LightningChart JS .2 линейных ряда по общей оси X и Y

См. этот пример кода .

Библиотека линейных диаграмм JavaScript
СпросиСетьПолитика конфиденциальности1y, 0v