Ищете библиотеку графиков для JS и React, позволяющую использовать Zoom

В настоящее время я перестраиваю предыдущую веб-страницу staic-html + Native js с помощью React. Поэтому я изучаю разные библиотеки для создания линейной диаграммы с использованием Javascript.

Диаграмма ранее была создана с помощью google-charts, но, видя, что мои коллеги хотят использовать как можно меньше инструментов Google, я начал искать альтернативы.

Я уже построил почти все, используя Chart.js, react-chartjs-2но оказалось, что нам неизбежно нужна функция масштабирования, чтобы графически исследовать небольшие отклонения в данных на графике, несмотря на то, что обычно на графике более 3000 записей, которые составляет примерно 1000x300px.

Я наткнулся , dygraphsи react-dygraphsхотя это выглядит многообещающе, последний коммит был примерно 3 года назад.

Есть ли у кого-нибудь опыт, работает ли он с более актуальными версиями реакции? Есть ли (бесплатная/с открытым исходным кодом) альтернатива google-charts, возможно, та, о которой я не знаю?

Библиотеки, которые я знаю и исключаю: chart.js, D3, canvasjs

Просто любопытно, почему вы исключили D3js

Ответы (2)

Можете ли вы попробовать библиотеку графиков Syncfusion JavaScript ? Он имеет более 30 типов диаграмм с поддержкой взаимодействия , таких как масштабирование, панорамирование, трекбол, всплывающая подсказка и т. д.

Пример ссылки https://ej2.syncfusion.com/demos/#/material/chart/zooming.html

Он также имеет встроенную поддержку фреймворков — Angular, React, Vue.

В итоге я остановился на диаграммах временных рядов React, потому что:

  • они великолепно документированы, с МНОЖЕСТВОМ примеров
  • бесплатное использование (под лицензией BSD),
  • предложить все функции, которые мне могут понадобиться в обозримом будущем (читай «когда-нибудь понадобится»)
  • и используйте формат временных рядов , который является простым, а также простым в использовании с python, который облегчает реализацию внутренних функций.