tradingview/lightweight-charts

Лёгкие диаграммы™

[Демо] [демо-URL] | Документация | Reddit

Lightweight Charts™ TradingView — одни из самых маленьких и быстрых финансовых графиков HTML5.

Библиотека Lightweight Charts™ — лучший выбор для вас, если вы хотите отображать финансовые данные в виде интерактивной диаграммы на веб-странице или заменять статические диаграммы на интерактивные. Она делает это, не влияя на скорость загрузки и производительность вашей веб-страницы. Размер библиотеки близок к статическим изображениям, но если на веб-странице есть десятки диаграмм изображений, то использование этой библиотеки может уменьшить размер вашей веб-страницы.

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

Посмотрите awesome-tradingview для связанных проектов, созданных нашими участниками сообщества.

Установка

ES6 через NPM

Последний мастер-билд

Чтобы попробовать последнюю сборку master без ожидания релиза (на базе pkg.pr.new):

Импорт и использование ниже применимы к обоим вариантам установки npm:

[Demos][demo-url] | Documentation | Reddit

TradingView Lightweight Charts™ are one of the smallest and fastest financial HTML5 charts.

The Lightweight Charts™ library is the best choice for you if you want to display financial data as an interactive chart on your web page, or replace static image charts with interactive ones. It does this without affecting your web page’s loading speed and performance. The size of the library is close to static images but if you have dozens of image charts on a web page then using this library can make the size of your web page smaller.

The library provides a rich set of charting capabilities out of the box, but you can also extend its functionality by building custom plugins. Browse the plugin catalog for ready-made plugins, or see the interactive plugin examples and plugin-examples/README.md to build your own.

Take a look at awesome-tradingview for related projects created by our community members.

Installing

es6 via npm

npm install lightweight-charts

Latest master build

To try the latest master build without waiting for a release (powered by pkg.pr.new):

npm install https://pkg.pr.new/lightweight-charts@master

The import and usage below applies to both npm installation options:

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 },
    { time: '2019-04-15', value: 74.43 },
    { time: '2019-04-16', value: 80.01 },
    { time: '2019-04-17', value: 96.63 },
    { time: '2019-04-18', value: 76.64 },
    { time: '2019-04-19', value: 81.89 },