LightningChart JS

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

LightningChart JS v.4.0.0 の新機能

LightningChart JS の最新バージョン 4.0.0 では、新しいチャート タイプが追加され、パフォーマンスが向上されました。

詳細は、LightningChart JS 最新バージョン (v.4.0.0) の新機能をご確認ください。


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

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

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

数千万のデータ ポイントをリアルタイムに視覚化できます。インタラクティブなサンプル チャートで、気になる性能をご確認いただけます。

LightningChart JS の特長

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

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

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

チャート機能の詳細

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


XY グラフ

  • 系列の種類: 折れ線グラフ、散布図、面グラフ、OHLC チャート、スプライン グラフ、ステップ チャート、箱ひげ図、ライン セグメント等
  • 左、右、上、下のどこにでも配置可能な直線軸と、チャートにつき複数を設定可能な X および Y 軸
  • Fitting (フィット)、Expansion (拡張)、Progressive/Regressive (プログレッシブ/リグレッシブ)、および Manual (手動) モードを含むスケーリング モード
  • カスタム可能な形状とスタイルをもつマーカーとデータ カーソル
  • 任意の軸に配置可能なカスタム目盛り
  • 数値や日時を表示可能な軸の目盛り

3D グラフ

  • 系列の種類: 折れ線グラフ、散布図、点群データの視覚化、メッシュ系列の棒グラフ、断面図等
  • カスタマイズ可能なバウンディング ボックスの形状
  • バウンディング ボックスを中心としたX、Y、Z の各平面の直線軸
  • 新しいカメラの回転、拡大縮小システム
  • メッシュ系列の棒グラフ
  • - 値に応じたカラーリング、すべての棒のソリッド カラー、個々の棒のカラーリングなどのカスタマイズおよび棒のエッジの丸みなどのカスタマイズ
    - x、y、z 座標によるダイナミックなカラーリングに対応
  • 断面図等
  • - 値に応じたカラーリング、ソリッド カラー、データ ポイントに応じたカラーリングなどのカスタマイズ
    - カスタマイズ可能なワイヤー フレーム

ヒートマップ

  • XY グラフにて使用可能なヒートマップ
  • IntensityGrid オプションを使用して作成可能な 2D 短形ヒートマップ
  • IntensityMesh を使用して作成可能な 2D メッシュ ヒートマップ
  • ヒートマップを使用して作成可能なスペクトログラム

ズーム バンド チャート

  • カスタマイズ可能な使いやすいズーム バンド チャートをダッシュボード内の XY チャートに追加
  • アタッチされている軸内のすべての系列を自動的に追加
  • アタッチされている軸のスケールに自動的に従う
  • インタラクティブでアタッチされているチャート内のビューを変更するために使用可能

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

  • カテゴリ別に自動生成された軸
  • 円形および線形のグリッド
  • 折れ線グラフ、点グラフ、面グラフ対応
  • Fitting (フィット)、Expansion (拡張)、および Manual (手動) モードを含むスケーリング モード
  • カスタム可能な形状とスタイルのマーカーおよびデータ カーソル

円/ドーナツ グラフ

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

ファンネル チャート

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

ゲージ グラフ

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

ピラミッド チャート

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

マップ チャート

  • 単独のチャートとしても、ダッシュボードの中でも使用可能
  • 以下の地域の表示に対応:
    全世界、米国、北米、南米、カナダ、ヨーロッパ、アジア、アフリカ、オーストラリア
  • 特定の領域にカーソルを置くとデータを表示する自動カーソル機能
  • マップ全体を単色または地域ごとにダイナミックな配色で色付けが可能
  • ダイナミックな配色でテーブルを可視化する LUT UI 要素のサポート
  • リアルタイムの更新

ポーラー チャート

  • 使い慣れた API でスタイリング可能な系列の種類: 折れ線グラフ、散布図、ポイント ライン チャート、ポリゴン グラフ、面グラフ
  • 使い慣れた API でスタイリング可能なセクター
  • API による回転
  • AutoCursor が使用可能
  • 単独のチャートとして、またはダッシュボードで使用可能

システム要件

ライブラリの配布チャンネル
  • NPM パッケージ、JavaScript、TypeScript タイピング
  • 従来の HTML ページに含めるための IIFE JavaScript ライブラリ、ダウンロード可能なアーカイブに含まれる TypeScript タイピング
ハードウェア
  • 最新のドライバーおよびソフトウェア
  • WebGL 1.0 に対応したグラフィックス ハードウェア
ソフトウェア
  • 2018 年 12 月時点で lightningchart 社にて動作検証済み:
    • Google Chrome、Mozilla Firefox、Microsoft Edge、Safari、Opera、Yandex、Baidu、Maxthon、Sogou、360 chrome、QQ、Liebao、Cheetah
  • v2.0.0 以降の LightningChart JS が正常に動作するためには、以下の WebGL 拡張機能が必要になります。
    • ANGLE_instanced_arrays
    • EXT_blend_minmax
    • OES_element_index_uint
    • OES_standard_derivatives
    • OES_vertex_array_object
    • WEBGL_lose_context
インターネット接続
  • 開発環境:
    • 商用ライセンスを利用している場合、インターネット接続が必要です。
    • コミュニティ ライセンスを利用している場合、現時点でインターネット接続は必要ありません。
  • 実行環境:
    • コミュニティ ライセンスまたは商用ライセンスで一般向けのウェブサイトに公開する場合、インターネット接続が必要です。
    • 商用ライセンスでインターネットまたはクラウド上の社内向けソリューションを利用する場合、インターネット接続が必要です。
    • 商用ライセンスでローカル エリア ネットワーク上の社内向けソリューションを利用する場合、ローカル エリアのネットワーク接続が必要です。

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


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

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

チャート一覧はこちら »


性能テスト向けデモ

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

性能デモはこちら »


ページトップへ