LightningChart JS

最大 1 億のデータ ポイントをリアルタイムに視覚化!

JavaScript および TypeScript 向けに高いリフレッシュ レートと高精度なデータ視覚化を瞬時に実現するチャート ライブラリ

卓越したデータ処理速度により Web 開発者を支援

LightningChart JS は、非常に高精度なレンダリングに対応するとともに、すべての業界標準において卓越したチャートごとのデータ量を誇り、スムーズなアニメーションを実現します。チャート作成向けのライブラリは、ズーム、パン、データ カーソルの移動など、あらゆる直感的なタッチ操作を提供します。

ダッシュボード コントロールは、多数のチャート、凡例、ボタン、チェック ボックス、およびその他の UI 要素の簡単な管理を実現します。ダッシュボードは、単一の GPU シーンでリソース効率よくレンダリングされているため、列や行のサイズを素早く変更できます。

最大で 1 億のデータ ポイントをリアルタイムに視覚化できることが確認されています。インタラクティブなサンプル チャートで、気になる性能をご確認いただけます。

LightningChart JS の特長

  • リアルタイムのデータ視覚化と高速なデータ ストリーミングの実現に向けた最適化
  • 完全な GPU アクセラレーション (WebGL)
  • マウスやタッチ スクリーンによるズームやパンなどのインタラクティブな操作
  • ダッシュボードにおける列や行の定義などのレイアウト管理
  • 一般的なトランジション向けの切り替え可能な流体アニメーション

クロスブラウザーの互換性

  • Google Chrome
  • Mozilla Firefox
  • Microsoft Edge
  • Safari
  • Opera

チャート機能の詳細

LightningChart JS では、以下のチャート系列をご利用いただけます。


XY グラフ

  • 系列の種類:ポイント グラフや折れ線グラフ、面グラフ、ローソク足チャート、長方形グラフ、楕円グラフ、箱ひげ図、および線分チャート
  • スケーリングの種類:Fitting、Expansion、Progressive/Regressive、および Manual
  • 左、右、上、下のどこにでも配置可能な直線軸とチャートにつき複数を設定可能な X および Y 軸
  • カスタム可能な形状とスタイルのマーカーおよびデータ カーソル

レーダー/スパイダー チャート

  • スケーリングの種類:Fitting、Expansion、および Manual
  • 自動生成されたカテゴリーの軸
  • 円形および線形のグリッド
  • 折れ線グラフ、点グラフ、面グラフ対応
  • カスタム可能な形状とスタイルのマーカーおよびデータ カーソル

円/ドーナツ グラフ

  • 任意の色やボーダーでスタイリング可能なスライス
  • カスタマイズ可能なスライスの並び替えとフォーマット
  • アニメーション化されたスライス値のトランジション、破棄、復元
  • コネクターラインの横またはスライス内に表示可能なラベル
  • マウス/タッチまたはプログラムで分解可能なスライス

ファンネル チャート

  • 任意の色やストロークでスタイリング可能なスライス
  • スライス間に追加可能なギャップ
  • カスタマイズ可能なスライスの並び替えとフォーマット
  • コネクターラインの横またはスライス内に表示可能なラベル
  • 値に基づいた 2 通りのスライスの表示方法: 変数の幅または高さ
  • アニメーション化されたスライス値のトランジションや追加および削除
  • すべてのスライスで有効化/無効化可能なアニメーション

ゲージ グラフ

  • 任意の色やストロークでスタイリング可能なゲージ
  • 設定可能なゲージの幅
  • カスタマイズ可能なスライスのスタイルとフォーマット
  • カスタマイズ可能なゲージの開始位置と角度
  • カスタマイズ可能なゲージの値のインターバル
  • アニメーション化されたゲージ値の変化、インターバルと角度のトランジション、破棄および復元

ピラミッド チャート

  • 任意の色やストロークでスタイリング可能なスライス
  • 設定可能なスライス間の幅
  • カスタマイズ可能なスライスの並び替えとフォーマット
  • コネクターラインの横またはスライス内に表示可能なラベル
  • アニメーション化されたスライス値のトランジションや追加および削除
  • すべてのスライスで有効化/無効化可能なアニメーション

システム要件

ライブラリの配布チャンネル
  • NPM パッケージ、JavaScript、TypeScript タイピング
  • 従来の HTML ページに含めるための IIFE JavaScript ライブラリ、ダウンロード可能なアーカイブに含まれる TypeScript タイピング
ハードウェア
  • 比較的新しく更新されたドライバーおよびソフトウェア
  • WebGL と互換性のあるグラフィックス ハードウェア
インターネット接続
  • 開発環境:
    • 商用ライセンスを利用している場合、インターネット接続が必要です。
    • コミュニティ ライセンスを利用している場合、現時点でインターネット接続は必要ありません。
  • 実行環境:
    商用ライセンスおよびコミュニティ ライセンスともに、一般向けのウェブサイトで公開できます。
    • 商用ライセンスでインターネットまたはクラウド上の社内向けソリューションを利用する場合、インターネット接続が必要です。
    • 商用ライセンスでローカル エリア ネットワーク上の社内向けソリューションを利用する場合、ローカル エリアのネットワーク接続が必要です。

包括的なチャートのサンプル


インタラクティブなチャート一覧

インタラクティブなチャート一覧では、多数のサンプルや変更したコードの影響を瞬時に確認できるライブ編集機能をご利用いただけます。API の使用方法や新しい機能をブラウザー上で素早く確認できます。

チャート一覧はこちら »


性能テスト向けデモ

LightningChart JS のパフォーマンス テスターでは、任意の実行時間や回数を指定して、散布図、スクロール対応の折れ線グラフ、面グラフ、および点グラフ、ローソク足チャート、およびダッシュボード機能など、あらゆるチャートの性能をテストできます。

性能デモはこちら »


ページトップへ