0
0

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 19

RevealApp - 集計用に目標達成率のフィールドを新規作成する。

Posted at

はじめに

Revealとは

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

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

この記事は

例えば、売上達成率や、進捗率など、XXX率の項目ってありますよね。
それらの項目は、DBでは項目として存在してるわけではなく、アプリケーション側で計算した結果を表示しているパターンが多いと思います。

例えば、目標額/売上金額=目標達成率など

Revaelの上記のような計算式を設定したうえでフィールドを追加することができます。

今回使用するデータ

3項目(売上日、売上額、目標金額)のみのシンプルなデータになります。

image.png

作成手順

新規フィールドの作成

image.png

image.png

集計フィールドの作成画面

集計フィールドの作成画面が表示されますので、各種設定を行っていきましょう。

image.png

フィールド名を設定

まずは、フィールド名を設定しましょう。

編集ボタンをクリック
image.png

フィールド名を入力します。
"目標達成率"
image.png

完了をクリック
image.png

数式を設定

続いて数式を設定します。
目標達成率は、売上金額/目標金額 で割合が出せますね。

まずは、数式バーをクリック
image.png

続いて"売上額"をクリック。そうすると数式バーに[売上額]が自動設定されます。
※今回はフィールドから選択していますが、直接入力してもらってもOK

image.png

数式バーに"/"を入力します。
image.png

続いて、"目標金額"をクリック
image.png

下記の数式が完成しました。
※今回はフィールドから選択して数式を完成させましたが、直接入力してもらってもOK

[売上額]/[目標金額]

最後にフィールドの作成ボタンをクリックして新規の集計フィールド設定を終了します。
image.png

目標設定率が追加されましたね。
image.png

新規作成した"目標達成率"フィールを活用。

可視化項目として設定

目標達成率を表示項目に設定しましょう。
image.png

追加はできました!...が整数として表示されているだけなのでパーセント表記に治しましょう。

目標設定率のフォーマットをパーセント表記に変更

image.png

image.png

image.png

image.png

image.png

まとめ

本記事では、データソースの列の他に、集計用のフィールドを作成する方法について紹介しました!
達成率のように、計算式により導き出した結果を新規フィールドしたいというリクエストはよくあるご要望だと思います。

Revealには、基本演算の他に様々な関数も用意していますのでご活用くださいませ!

(参考)Reveal計算フィールド
https://www.revealbi.io/help/calculated-fields

0
0
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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?