Мы продолжаем изучать визуализацию данных. В прошлый раз мы разбирали диаграммы, карты и картограммы на реальных запросах Cloudflare и Vercel. Сегодня — следующий уровень: биржевые диаграммы. Это не просто «графики для трейдеров». Это мощный инструмент анализа любых временных рядов, где важны четыре точки: открытие, максимум, минимум и закрытие. А ещё — объём. Мы разберём четыре ключевых варианта: Биржевая (High, Low, Close), Биржевая (Open, High, Low, Close), Биржевая (Volume, High, Low, Close) и Биржевая (Volume, Open, High, Low, Close).

Данные для примеров — синтетические, но реалистичные: мы сгенерировали дневные котировки за 30 торговых дней, чтобы вы могли увидеть, как каждый тип диаграммы меняет восприятие информации. Это не абстрактная теория — это практика, которую вы сможете применить в своих проектах на Python, JavaScript или в аналитических дашбордах.

Главная мысль: биржевая диаграмма — это не про финансы. Это про четыре измерения в одном взгляде. Научившись читать свечи, вы сможете визуализировать любые данные, где важны диапазон и направление: от температуры сервера до поведения пользователей.

Что такое биржевая диаграмма?

Биржевая диаграмма (candlestick chart, японские свечи) — это тип финансового графика, который показывает четыре ключевые цены за определённый период: Open (открытие), High (максимум), Low (минимум) и Close (закрытие). Каждая «свеча» — это вертикальный прямоугольник (тело) с тенями сверху и снизу. Тело показывает диапазон между открытием и закрытием, тени — между максимумом и минимумом.

Цвет имеет значение: зелёная (или белая) свеча означает рост (Close > Open), красная (или чёрная) — падение (Close < Open). В нашем исполнении мы используем зелёный для бычьего и красный для медвежьего движения — это интуитивно понятно даже новичку.

В ECharts биржевая диаграмма реализуется через тип candlestick. Вы передаёте массив массивов, где каждый внутренний массив содержит [open, close, low, high] — именно в таком порядке, и это важно не перепутать. ECharts автоматически рисует тело и тени, а вы можете настроить цвета через itemStyle.

1. Биржевая (High, Low, Close) — минимализм

Первый и самый простой вариант. Здесь мы отбрасываем цену открытия и оставляем только три точки: максимум, минимум и закрытие. Зачем? Когда важнее диапазон дня и итоговое значение, а не то, с чего начались торги. Это как смотреть на итог, не отвлекаясь на процесс.

В ECharts такая диаграмма реализуется не через candlestick, а через комбинацию: bar для диапазона (High-Low) и line для Close. Или через custom series, если нужна полная кастомизация. Мы используем комбинацию bar + line — это проще и быстрее.

Биржевая (High, Low, Close) — 30 торговых дней
Диапазон High-Low показан столбцом, Close — линией. Видно, как цена закрытия движется внутри дневного диапазона.
High–Low диапазон Close
Столбцы показывают размах дня, линия — итоговую цену. Идеально для быстрого обзора волатильности.

Когда использовать: для дашбордов, где важна общая картина волатильности без деталей открытия. Для мониторинга серверных метрик, где «открытие» не имеет смысла, а «максимум / минимум / итог» — имеют.

2. Биржевая (Open, High, Low, Close) — классические свечи

Это то, что большинство людей называет «биржевой диаграммой». Полноценные японские свечи: тело показывает диапазон Open-Close, тени — High-Low. Цвет тела говорит о направлении: зелёный — рост, красный — падение. Это самый информативный тип для анализа ценовых движений, потому что вы видите и откуда началось движение, и куда пришло.

В ECharts это реализуется напрямую через series: [{ type: 'candlestick', data: [[open, close, low, high], ...] }]. Цвета настраиваются через itemStyle.color (бычий), itemStyle.color0 (медвежий), itemStyle.borderColor и itemStyle.borderColor0.

Биржевая (Open, High, Low, Close) — классические свечи
Тело — Open / Close, тени — High / Low. Зелёные свечи — рост, красные — падение.
Бычья (Close > Open) Медвежья (Close < Open)
Классика трейдинга. Каждая свеча — четыре цены в одной фигуре.

Когда использовать: всегда, когда нужно понять направление движения и силу давления покупателей / продавцов. Это стандарт де-факто в финансах, но он отлично работает и для любых данных, где есть «начало», «конец», «максимум» и «минимум».

3. Биржевая (Volume, High, Low, Close) — добавляем объём

Объём — это количество сделок или единиц, прошедших за период. В биржевой диаграмме объём обычно показывают отдельной панелью под графиком цены, синхронизированной по оси X. Почему это важно? Потому что цена без объёма — это половина истории. Рост на большом объёме подтверждает силу движения. Рост на маленьком — может быть случайностью.

В ECharts это делается через два grid: верхний для цены, нижний для объёма. И две серии: candlestick или line для цены, bar для объёма. Ось X общая, синхронизация происходит автоматически.

Биржевая (Volume, High, Low, Close) — цена + объём
Верхняя панель — диапазон High-Low и Close. Нижняя — объём торгов. Всплески объёма часто совпадают с разворотами.
High–Low Close Volume
Объём — это «топливо» движения. Без него график цены — это тень без источника.

Когда использовать: для любого анализа, где важна не только величина изменения, но и активность. В веб-аналитике это может быть количество запросов (объём) и время ответа (цена). В DevOps — нагрузка на CPU и количество транзакций.

4. Биржевая (Volume, Open, High, Low, Close) — полный набор

Максимальная комплектация: свечи + объём. Вы видите всё: с чего начался день, где был максимум, где минимум, чем закончился, и насколько активно это происходило. Это самый информативный тип биржевой диаграммы, но и самый требовательный к пространству — на мобильных устройствах две панели могут быть тесными.

В ECharts это комбинация candlestick и bar с двумя grid-областями. Синхронизация достигается через общий axisPointer и dataZoom, если нужен зум.

Биржевая (Volume, Open, High, Low, Close) — полный анализ
Свечи + объём. Четыре цены и активность — всё, что нужно для профессионального анализа.
Бычья Медвежья Volume
Полный набор. Если вы анализируете финансовые данные — это ваш выбор. Для мобильных устройств рассмотрите вариант 3.

Что я вынес из этого разбора

  • Биржевая диаграмма — это не только финансы. Любые данные с диапазоном и направлением можно визуализировать свечами.
  • HLC (High-Low-Close) — минимализм для дашбордов. Когда открытие не важно, не тратьте на него место.
  • OHLC (Open-High-Low-Close) — стандарт. Полная информация о движении в одной фигуре.
  • Объём меняет всё. Добавление Volume превращает график цены в инструмент анализа силы движения.
  • ECharts делает это легко. candlestick + bar + два grid — и у вас профессиональный график.
  • Мобильная оптимизация важна. Две панели на телефоне — это тесно. Иногда лучше пожертвовать объёмом, чем читаемостью.
  • Цвет — это смысл. Зелёный / красный — не украшение, а сигнал. Используйте осознанно.

Вердикт: стоит ли изучать биржевые диаграммы в 2026?

Определённо да. Даже если вы не работаете в финансах, понимание того, как четыре точки превращаются в историю движения, — это ценный навык. Биржевые диаграммы учат думать о данных как о процессе, а не как о статике. А в мире AI, где модели генерируют временные ряды, умение их читать становится базовой грамотностью.

Лично для меня этот разбор стал мостом между «просто графиками» и «анализом». Я понял, что каждая свеча — это не картинка, а компромисс между информацией и пространством. И выбор правильного типа — HLC, OHLC, с объёмом или без — это и есть мастерство визуализации.