Repolode
投稿する
tradingview

tradingview/lightweight-charts

Webページにインタラクティブな金融チャートを表示する、小型で高速なHTML5 canvasライブラリ。

代替できる製品:TradingView

GitHub で見る公式サイト
スター
17,803
フォーク
2,696
未解決の Issue
132
最終コミット
昨日

これは何？

Lightweight Chartsは、TradingViewが開発するTypeScript製のチャートライブラリで、HTML5 canvas上にインタラクティブな金融チャートを描画します。ページ容量や読み込み時間への影響を最小限に抑えながら、Webページ上の静的なチャート画像をインタラクティブなチャートに置き換えることを目的としています。

createChartでチャートを作成し、line seriesなどの系列を追加して、タイムスタンプ付きのデータを渡します。ライブラリはnpmからインストールするか、CDNから単独のバンドルとして読み込むか、ビルド済みの開発用・本番用ビルドを使って利用できます。APIにはインタラクティブなプラグインの例も用意されており、組み込み機能を拡張するプラグインのカタログもあります。

プロジェクトのライセンスはApache-2.0です。利用条件としてTradingViewのクレジット表記が求められ、チャートのattributionLogoオプションで表示できます。また、リポジトリにはAIコーディングアシスタントがv5 APIを扱う際に役立つagent skillsも含まれています。

主な機能

  • 01HTML5 canvas上にインタラクティブな金融チャートを描画します。
  • 02npmからインストールするか、CDNから単独のバンドルとして読み込めます。
  • 03プラグインシステムにより、カスタムの系列やプリミティブを作成できます。
  • 04ES module形式とIIFE形式の開発用・本番用ビルドを提供します。
  • 05TypeScriptの型定義を備え、例を交えてAPIを解説しています。

ユースケース

  • トレーディングサイトやマーケットデータサイトにインタラクティブな価格チャートを追加する。
  • ダッシュボードの静的なチャート画像を置き換え、ページ容量を抑える。
  • プラグインAPIを使って独自の金融ビジュアライゼーションを構築する。

クイックスタート

  1. 1

    npmからライブラリをインストールします

    npm install lightweight-charts
  2. 2

    createChartとLineSeriesをインポートし、ページにチャートを作成します

使う前に知っておきたいこと

  • 金融チャートの表示に特化しており、汎用的なチャートライブラリではありません。

収録されている特集

データサイエンスの教材とツール

トピック

#charting#finance#canvas#typescript#data-visualization#javascript#charting-library#charts#financial-charting-library#html5-charts

よくある質問

lightweight-charts とは？
Webページにインタラクティブな金融チャートを表示する、小型で高速なHTML5 canvasライブラリ。 Lightweight Chartsは、TradingViewが開発するTypeScript製のチャートライブラリで、HTML5 canvas上にインタラクティブな金融チャートを描画します。ページ容量や読み込み時間への影響を最小限に抑えながら、Webページ上の静的なチャート画像をインタラクティブなチャートに置き換えることを目的としています。
lightweight-charts は無料で使えますか？ライセンスは？
lightweight-charts は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
lightweight-charts は今もメンテナンスされていますか？
活発にメンテナンス中。lightweight-charts の最終コミットは 2026年11月6日 です。
lightweight-charts は何に使えますか？
トレーディングサイトやマーケットデータサイトにインタラクティブな価格チャートを追加する。 ダッシュボードの静的なチャート画像を置き換え、ページ容量を抑える。 プラグインAPIを使って独自の金融ビジュアライゼーションを構築する。
lightweight-charts のインストール方法は？
npmからライブラリをインストールします: npm install lightweight-charts createChartとLineSeriesをインポートし、ページにチャートを作成します
lightweight-charts はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/tradingview/lightweight-charts

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト