облегченные диаграммы
v4.2.1
Демо | Документация | Дискорд-сообщество | Реддит
TradingView Lightweight Charts™ — это одна из самых маленьких и быстрых финансовых диаграмм HTML5.
Библиотека Lightweight Charts™ — лучший выбор для вас, если вы хотите отображать финансовые данные в виде интерактивной диаграммы на своей веб-странице, не влияя при этом на скорость загрузки и производительность вашей веб-страницы.
Это лучший выбор для вас, если вы хотите заменить статические диаграммы изображений интерактивными. Размер библиотеки близок к статическим изображениям, но если у вас на веб-странице десятки диаграмм изображений, то использование этой библиотеки может уменьшить размер вашей веб-страницы.
npm install lightweight-charts import { createChart } from 'lightweight-charts' ;
const chart = createChart ( document . body , { width : 400 , height : 300 } ) ;
const lineSeries = chart . addLineSeries ( ) ;
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 } ,
{ time : '2019-04-20' , value : 74.43 } ,
] ) ;Вы можете использовать unpkg:
https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js
Автономная версия создает объект window.LightweightCharts со всем экспортом из версии esm :
const chart = LightweightCharts . createChart ( document . body , { width : 400 , height : 300 } ) ;
const lineSeries = chart . addLineSeries ( ) ;
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 } ,
{ time : '2019-04-20' , value : 74.43 } ,
] ) ;| Зависимости включены | Режим | ES-модуль | CommonJS | IIFE ( window.LightweightCharts ) |
|---|---|---|---|---|
| Нет | ПРОД | lightweight-charts.production.mjs | lightweight-charts.production.cjs | Н/Д |
| Нет | РАЗРАБОТЧИК | lightweight-charts.development.mjs | lightweight-charts.development.cjs | Н/Д |
| Да (автономный) | ПРОД | lightweight-charts.standalone.production.mjs | - | lightweight-charts.standalone.production.js |
| Да (автономный) | РАЗРАБОТЧИК | lightweight-charts.standalone.development.mjs | - | lightweight-charts.standalone.development.js |
См. BUILDING.md для получения инструкций о том, как создавать lightweight-charts из исходного кода.
Лицензируется по лицензии Apache версии 2.0 («Лицензия»); вы не можете использовать это программное обеспечение, кроме как в соответствии с Лицензией. Вы можете получить копию Лицензии в файле LICENSE. Если это не требуется действующим законодательством или не согласовано в письменной форме, программное обеспечение, распространяемое по Лицензии, распространяется на условиях «КАК ЕСТЬ», БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ ИЛИ УСЛОВИЙ, явных или подразумеваемых. См. Лицензию для определения конкретного языка, регулирующего разрешения и ограничения в рамках Лицензии.
Это программное обеспечение включает в себя несколько частей tslib (https://github.com/Microsoft/tslib, (c) Microsoft Corporation), на которые распространяется лицензия BSD с нулевым условием.
Эта лицензия требует указать TradingView в качестве создателя продукта. Вы должны добавить «уведомление об авторстве» из файла NOTICE и ссылку на https://www.tradingview.com/ на страницу вашего веб-сайта или мобильного приложения, доступную вашим пользователям. В качестве благодарности за создание этого продукта мы будем признательны, если вы разместите его на видном месте. Вы можете использовать опцию диаграммы attributionLogo для отображения соответствующей ссылки на https://www.tradingview.com/ на самой диаграмме, которая будет удовлетворять требованиям ссылки.
