軽量チャート
v4.2.1
デモ |ドキュメント | Discordコミュニティ |レディット
TradingView Lightweight Charts™ は、最小かつ最速の金融 HTML5 チャートの 1 つです。
Web ページの読み込み速度やパフォーマンスに影響を与えることなく、Web ページ上に財務データをインタラクティブなグラフとして表示したい場合は、Lightweight Charts™ ライブラリが最適です。
静的な画像チャートをインタラクティブなチャートに置き換えたい場合には、これが最適な選択です。ライブラリのサイズは静的画像に近いですが、Web ページ上に数十の画像グラフがある場合、このライブラリを使用すると Web ページのサイズを小さくできます。
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
スタンドアロン バージョンでは、 esmバージョンからのすべてのエクスポートを含むwindow.LightweightChartsオブジェクトが作成されます。
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 |
ソースからlightweight-chartsを構築する方法については、BUILDING.md を参照してください。
Apache License バージョン 2.0 (「ライセンス」) に基づいてライセンスされています。ライセンスに準拠する場合を除き、このソフトウェアを使用することはできません。 LICENSE ファイルでライセンスのコピーを取得できます。適用される法律で義務付けられている場合または書面による同意がない限り、ライセンスに基づいて配布されるソフトウェアは、明示または黙示を問わず、いかなる種類の保証や条件もなく、「現状のまま」で配布されます。ライセンスに基づく許可と制限を規定する特定の言語については、ライセンスを参照してください。
このソフトウェアには、BSD ゼロ条項ライセンスの対象となる tslib (https://github.com/Microsoft/tslib、(c) Microsoft Corporation) のいくつかの部分が組み込まれています。
このライセンスでは、TradingView を製品作成者として指定する必要があります。お客様は、NOTICE ファイルの「帰属通知」と https://www.tradingview.com/ へのリンクを、ユーザーが利用できる Web サイトまたはモバイル アプリケーションのページに追加するものとします。作っていただいた感謝の気持ちを込めて、目立つ場所に貼っていただければ幸いです。 attributionLogoチャート オプションを使用すると、リンク要件を満たす https://www.tradingview.com/ への適切なリンクをチャート自体に表示できます。
