Выбираем библиотеку для финансовых графиков

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

В статье — четыре библиотеки, с которыми работал сам. Сравнение и комментарии из личного опыта.

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

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

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

Введение

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

Библиотеки

TradingView: lightweight-charts

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

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

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

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

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 },
]);

• Демо
• Документация
• Сообщество — Discord
• Лицензия Apache-2.0, версия 5.2.0

Плюсы: легкая, быстрая, пиксель-перфект, поддерживает свои плагины. Открытая (Apache-2.0), документирована, стабильно обновляется, бесплатна и для коммерции. Быстро интегрируется, хороша для отображения данных.

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

TradingView: charting_library

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

Библиотека закрытая. Доступ выдают в несколько этапов:

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

Как альтернатива есть виджет с ограниченными настройками. По технической стороне вопросов много, это тема для отдельной статьи.

Использую charting_library в своем торговом терминале — интерфейс знаком пользователям бирж и снимает вопросы к внешнему виду.

• Демо
• Документация — без доступа отдает 404
• Лицензия проприетарная, бесплатно по заявке

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

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

TradingVue (Not Maintained)

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

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

• Демо и playground
• Документация
• Лицензия MIT

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

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

Highcharts Stock

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

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

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

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

• Демо (Stock Tools GUI)
• Документация
• Лицензия проприетарная, версия 13.0.0. Коммерция платно, некоммерция бесплатно.

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

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

Заключение

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

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

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