コンテンツへスキップ
有償UIライブラリ「Ignite UI」の一部を無償化
詳細を見る
Infragistics
無料トライアル
Ignite UIデータチャート

Ignite UIデータチャート

Ignite UI for JavaScriptデータチャートは、高いパフォーマンスと柔軟性を実現するために構築されたHTML5チャート・コンポーネントです。データチャート・コントロールは、チャートに精通し、チャート・コンポーネントで最大限の柔軟性を求める開発者向けです。多くの優れた機能を備え、75種類以上のチャートタイプを提供します。これらのチャートは、データセットにどれだけのデータがあっても、非常に高速に描画されます。

Ignite UI for JavaScriptデータチャートは、高度なカスタマイズと柔軟性を提供します。より単純な構成プロセスを備えた、よりシンプルなチャート・コンポーネントをお探しの場合は、Ignite UIカテゴリ・チャートをご覧ください。

Ignite UIデータチャート:リアルタイム・データ

リアルタイムデータ

データは絶えず変化しています。データのスナップショットが欲しいこともあれば、データをライブかつ動的に確認する必要がある場合もあります。Ignite UI for JavaScriptのデータチャート・コンポーネントは、リアルタイム・データソースにバインドし、わかりやすいビジュアルでユーザーに継続的な情報の流れを提供します。

サンプルを表示

Ignite UIデータチャート:大量データ

大量データ

企業のデータは、最も価値のある資産の一つです。企業がこれを認識するにつれて、利用可能な膨大な量のデータを活用する方法を模索しています。Ignite UI for JavaScriptのデータチャート・コンポーネントは、この大量のデータを簡単に処理し、データを優れたビジュアライゼーションにすばやく描画できます。

サンプルを表示

Ignite UIデータチャート:アニメーション

アニメーション

チャートは、ビジネス・データを扱うための優れたツールです。Ignite UI for JavaScriptには、アニメーションなどの多くの機能があり、チャートの「すべてビジネス」の側面と、ユーザーを惹きつける優れたユーザーインターフェースを融合させています。

サンプルを表示

Ignite UIデータチャート:複合チャート

複合チャート

データが複雑すぎて、標準的な2次元チャートでは簡単に表示できない場合があります。そのような状況では、Ignite UI for JavaScriptのデータチャート・コンポーネントを使用して複合チャートを作成します。2つのY軸を持つチャートを作成することで、2組の異なるデータが互いにどのように関連しているかなど、より複雑なビジュアライゼーションを表示できます。

Ignite UIデータチャート・コンポーネントの散布図エリア・シリーズは、X/Yデータを色付きの面に描画します。

散布面シリーズ

散布図エリア・シリーズは、直交座標系において、X座標とY座標の三角分割に基づいて、面の各ピクセルに数値を割り当てた色付きの面を描画します。このシリーズを使用すると、磁場の強さ、2次元平面に投影または平坦化された3次元形状、データ内の3つの数値列間の相関など、科学データを描画できます。

Ignite UIデータチャート・コンポーネントの散布図等高線シリーズは、等高線を使用してX/Yデータを描画します。

散布等高線シリーズ

散布図等高線シリーズは、散布図エリア・シリーズと同じデータを描画でき、補間された面積ではなく等高線を使ってデータを可視化します。

Ignite UIデータチャート・コンポーネントの散布図ポリライン・シリーズは、カスタム形状でX/Yデータを描画し、データポイント間の複数の接続を示します。

散布折れ線シリーズ

散布図ポリライン・シリーズは、X/Yポイントの集合の集合で定義されたカスタム形状の輪郭を描画できます。このシリーズは、データポイント間の複数の接続を表示して関係性を示したり、ネットワークのビューを構築したりすることもできます。

Ignite UIデータチャート・コンポーネントの散布図ポリゴン・シリーズは、カスタムの塗りつぶし形状でX/Yデータを描画し、チャートのプロット領域内の領域を強調表示します。

散布多角形シリーズ

散布図ポリゴン・シリーズは、X/Yポイントの集合の集合で定義されたカスタムの塗りつぶし形状を描画できます。このシリーズは、チャートのプロット領域内の領域を強調表示するために使用できます。

Ignite UIデータチャートの日付/時刻軸は、X軸で特定の範囲の日付を省略する設定、条件付きのラベル間隔の指定、表示範囲に応じたラベル形式の設定をサポートします。

日付/時刻軸

日付/時刻軸は、区切り、動的な間隔、動的なラベル付けをサポートする改良された時間軸です。Breaksコレクションを使用すると、週末やその他の重要でない期間など、特定の範囲の日付を省略するようにX軸を構成できます。Intervalsコレクションを使用すると、軸の表示範囲に基づいて条件付きのラベル間隔を簡単に指定できます。たとえば、1年が表示されているときに各月のラベルを表示することができます。ラベル形式も表示範囲に応じて構成できます。

Ignite UIデータチャートでの最終値注釈の表示

最終値の注釈

データソース内の最後のデータポイントの値を表示します。データソースごとに1つずつ、Y軸ラベルの上に色付きのボックスを描画します。

Ignite UIデータチャートのクロスヘア注釈

クロスヘア注釈

カーソル位置のデータポイントの値を表示し、これらの値をX軸とY軸のラベルの上に色付きのボックスで描画します。

Ignite UIデータチャートの注釈コールアウト

コールアウトレイヤー

重要なデータポイントに注釈を付けたり、ロジックに基づいて吹き出しボックス内の値をカスタマイズしたりできます(例:データソース内の最大値を計算する場合)。