Четыре библиотеки графиков, с которыми я работал. Две открытые и бесплатные, одна закрытая и бесплатная по заявке, которую ждут от двух недель, и одна платная, которая тянет миллионы точек. Ниже что каждая умеет, чего не умеет и когда какую брать.


Статья актуализирована 23.09.2026.



Привет, Хабр!


Нужно было подключить графики к приложению. Прошел через несколько, разберу четыре. Два open source, lightweight-charts и trading-vue-js на Vue.js, закрытая, но бесплатная charting_library, и Highcharts Stock, платная для коммерции и бесплатная для некоммерции.


Каждая решает свою задачу. Банально, но библиотеку регулярно выбирают не под задачу, а по инерции.


Библиотеки


Библиотека Лицензия Open source Бесплатно для коммерции Для чего Статус
lightweight-charts Apache-2.0 да да легкие графики, быстро собрать активна, v5.2.1
charting_library проприетарная, по заявке нет да теханализ из коробки активна
TradingVue MIT да да кастомные индикаторы на Vue.js не поддерживается
Highcharts Stock проприетарная нет нет большие данные, теханализ, GUI активна, v13.1.1

TradingView: lightweight-charts


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


Кто пользовался TradingView, узнает облегченную версию его графиков.



Из коробки пять типов серий, line, area, бары, свечи и гистограмма, их можно класть на один график. На точки можно ставить маркеры, например отметить событие. Есть npm-пакет и сборка для CDN.


Пример подключения:


npm install lightweight-charts

import { createChart, LineSeries } from 'lightweight-charts';

const chart = createChart(document.body, { width: 400, height: 300 });
const lineSeries = chart.addSeries(LineSeries);
lineSeries.setData([
    { time: '2019-04-11', value: 80.01 },
    { time: '2019-04-12', value: 96.63 },
    { time: '2019-04-13', value: 76.64 },
    { time: '2019-04-14', value: 81.89 },
]);


Плюсы: легкая, быстрая, пиксель-перфект, свои плагины. Apache-2.0, бесплатна и для коммерции.


Минусы: нет теханализа, индикаторов и рисования из коробки. За этим в charting_library.


TradingView: charting_library


Тот самый график с сайта TradingView. Бесплатный, но код выдают по заявке, документация открытая. Подходит, когда нужен технический анализ из коробки.



Библиотека закрытая. Доступ дают в три шага.


  1. Заявка на сайте и ответ, его ждут от двух недель.
  2. Договор.
  3. Доступ к репозиторию на GitHub.

Если ждать не хочется, есть виджет с ограниченными настройками. Подключение и настройка самой библиотеки разобраны в отдельной статье.



Плюсы: теханализ из коробки, знакомый пользователям интерфейс, бесплатно.


Минусы: код закрытый, доступ по заявке с договором и ожиданием от двух недель, API ограничен.


TradingVue (Not Maintained)


Библиотека сообщества на Vue.js под MIT. Внешне похожа на TradingView, полная кастомизация, простой API, рисовать можно что угодно.



Проект больше не развивается. Последний коммит в master в октябре 2022, автор пометил библиотеку «Not Maintained». Плагинов было мало, до них у автора не дошли руки. Раздел оставляю как срез 2020 года.



Плюсы: MIT, полная кастомизация, простой API, на Vue.js.


Минусы: мало плагинов, больше не поддерживается.


Highcharts Stock


Коммерческий тяжеловес. Теханализ, индикаторы, аннотации и GUI для рисования из коробки. В отличие от трех выше, для коммерции нужна платная лицензия, для некоммерции бесплатен.



Его сильная сторона большие данные. Миллионы точек он тянет за счет трех приемов.


  • Data grouping. Точки агрегируются в группы по ширине пикселя, для свечей в OHLC, рендерятся сотни вместо тысяч. В демо 52 000 точек.
  • Boost module. Рендер через WebGL на canvas вместо SVG, тянет миллионы точек. Плата за скорость, в boost-режиме отключаются анимации, стэкинг и маркеры.
  • Lazy loading. С сервера подгружается только видимый диапазон по мере скролла. В демо 1.7 млн точек.

Я брал Highcharts под поток данных с бэкенда в реальном времени. Две серии на одном графике, чтобы видеть расхождение между ними. Точки шли часто и помногу, бэкенд отдавал уже нормализованный payload, фронт на React только рендерил.



Плюсы: держит большие данные (data grouping, WebGL boost, lazy loading), богатый теханализ и GUI из коробки, зрелая экосистема и документация.


Минусы: для коммерции платная лицензия, рендер не пиксель-перфект, в boost-режиме теряется часть интерактивности.


Заключение


Коротко, что для чего.


  • lightweight-charts. Быстро собрать график, показать данные или алгоритм. Минимум настроек, минимум веса.
  • charting_library. Технический анализ из коробки и знакомый пользователям интерфейс. Готовы ждать одобрения и подписать договор, берите.
  • TradingVue (Not Maintained). Свои индикаторы, полная кастомизация, Vue.js под рукой. Мало плагинов, зато MIT и простой API.
  • Highcharts Stock. Большие объемы данных, теханализ и GUI из коробки, зрелая экосистема. Платно для коммерции.

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