0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Infragistics RevealAdvent Calendar 2019

Day 23

Reveal - グラフ選択のチートシート

Last updated at Posted at 2019-12-23

はじめに

Revealとは

Reveal ダッシュボードをアプリケーションに組み込み

Reveal Embeddedは、アプリケーションに組み込み可能なデータ可視化SDKです。シンプルな価格体系、組み込みの容易さでアプリケーションの価値を最大限向上することができます。

この記事は

Revealは30以上のグラフが選択出来ますが(2019/12現在)
非常に種類が豊富なため、それぞれどんな項目を設定すれば表示できるのか?
設定例を交えたチートシートを作りました!

グリッド

image.png

グリッド

グリッドは、行と列のレイアウトでデータを表示します
Excelのように行、列でデータを表示したい場合にもよく利用されます。

image.png

設定例

  • "列"に表示したい項目を設定

ピボット

対象集計データは第2のテーブルに表示され、自動的に表内格納データの並替、合計値、平均値、総数、標準偏差が出力できるほか、クロス集計が利用できる。
(出典:Wikipedia ピボットテーブル)

image.png

設定例

  • "行"に商品別、"値"に売上金額を設定して、商品毎の売上金額の合計を表示

カテゴリ

image.png

柱状

柱状シリーズは複数の項目を比較や、時間毎のデータの変化を可視化する際に利用できる。

image.png

設定例

  • "ラベル"に商品名、"値"に売上金額を設定して、商品別の売上金額を表示

棒状シリーズは複数の項目を比較や、時間毎のデータの変化を可視化する際に利用できる。
image.png

設定例

  • "ラベル"に商品名、"値"に売上金額を設定して、商品別の売上金額を表示

各項目の全体に対する割合を可視化することができる。
image.png

設定例

  • "ラベル"に商品名、"値"に売上金額を設定して、合計売上金額に対する商品別の割合を表示

ドーナツ

各項目の全体に対する割合を可視化することができる。
※円グラフとの異なるのは、ドーナツのように真ん中が空洞になっている。
image.png

設定例

  • "ラベル"に商品名、"値"に売上金額を設定して、合計売上金額に対する商品別の割合を表示

ファンネル

ファンネル チャートは、ファンネル図形の単一シリーズでデータを表示するチャートです。セクションを複数含むことが可能で、データ全体に対する割合が一目で分かる。

image.png

設定例

  • "ラベル"に商品名、"値"に売上金額を設定して、売上金額が高い順に可視化

複合

2つの値の関連性を複合し、一目で把握できるグラフを作成できる。

image.png

設定例

  • "ラベル"に仕入日、"チャート1"に仕入額、"チャート2"に材料廃棄率

積層型柱状

特定の項目の積層(累積)でデータを可視化したい場合に利用。
X軸(ラベル)には、日付が設定されることが多く、古い日付から新しい日付の比較に使われる。

image.png

設定例

  • "ラベル"に仕入日、"値"に材料視医学、"カテゴリ"に曜日

積層型棒

棒タイプの積層グラフ。
総コストに対しての内訳を分かりやすく可視化し、
日付(Y軸)や数値(X軸)で可視化する場合に利用する。

image.png

設定例

  • "ラベル"に仕入日、"値"に材料仕入額、販管費を設定

積層型エリア

積層で指定した項目の割合を表示する際に利用。
総コストのうち、各内訳の項目を設定することで割合を可視化する。

image.png

設定例

  • "ラベル"に仕入日、"値"に材料仕入額、販管費を設定

エリア

image.png

設定例

  • "ラベル"に仕入日、"値"に材料仕入額、販管費

折れ線

image.png

設定例

  • "ラベル"に仕入日、"値"に材料仕入額

ステップエリア

階段をステップしているかのように、段差があるチャート。
一定期間の数値の変化を表示する場合に便利。ステップ エリア グラフの X(水平)軸は一定期間を示す。
銀行残高や抵当利息など、定期的または不定期で変化する数字をプロットする場合に役立つ。

image.png

設定例

  • "ラベル"に仕入日、"値"に材料仕入額

ステップ折れ線

image.png

一定期間の数値の変化を表示する場合に便利。
ステップエリアと同じく、銀行残高や抵当利息など、定期的または不定期で変化する数字をプロットする場合に役立つ。

設定例

  • "ラベル"に仕入日、"値"に材料仕入額

スプラインエリア

image.png

設定例

  • "ラベル"に仕入日、"値"に材料仕入額、売上額

スプライン

image.png

設定例

  • "ラベル"に仕入日、"値"に材料仕入額、売上額

ゲージ

image.png

リニア

増減するデータ(たとえば、温度)を視覚的に表示するために使用されます。温度計を表すために垂直方向のリニア ゲージを作成することができます。

image.png

設定例

  • "ラベル"に仕入日、"値"に材料仕入額

円形

image.png

設定例

  • "ラベル"に仕入日、"値"に材料仕入額

テキスト

image.png

設定例

  • "値"に売上額

ブレット

image.png

設定例

  • "ラベル"に仕入日(曜日)、"値"に材料仕入れ額、"ターゲット"に販管費

KPI(日付)

image.png

設定例

  • "ラベル"に売上日、"値"に売上金額

KPI(数値)

image.png

設定例

  • "ラベル"に売上日、"値"に売上金額、"ターゲット"に材料仕入額

散布図

image.png

バブル

image.png

設定例

  • "ラベル"に年齢、"X-AXIS"に売上個数、"Y-AXIS"に年齢、"バブル半径"に売上個数、"COLOR"に年齢

散布図

image.png

設定例

  • "ラベル"に年齢、"X-AXIS"に売上個数、"Y-AXIS"に年齢、"COLOR"に年齢

財務

image.png

OHLC チャート (後日更新)

(後日更新)

ロウソク足 (後日更新)

(後日更新)

その他

image.png

ラジアル

image.png

設定例

  • "ラベル"に年齢、"値"に売上個数

スパークライン

データの傾向、変化、およびパターンを明確でコンパクトな表現に注力したシンプルな視覚化パターン

image.png

設定例

  • "ラベル"に売上日、"値"に売上金額、"カテゴリ"に商品名
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?