一.概要
インジケータカードは、販売、利益などのインジケータを分かりやすく表示することができます。インジケータカードは、3種類のカードを提供しています:カルーセルKPIインジケータカード-点滅、カルーセルKPIインジケータカード-電子、パーティクルカウンター。
二.カルーセルKPIインジケータカード-点滅
1.カルーセルKPIインジケータカード-点滅を挿入
[挿入]-[フローティング要素]-[フローティンググラフ]-[ドリル地図]から、[展開チャート-インジケータカード]-[カルーセルKPIインジケータカード-点滅]を選びます。
![1629996090239811.png 01.png](/core/style/lod.png)
チャートの大きさを調整します。
![1629996101148235.png 02.png](/core/style/lod.png)
2.データの準備
1.データベースクエリーのデータソース[ds1]を新規作成します。テーブル[Sales]をクエリー画面にドラッグします。
![1629996110686986.png 03.png](/core/style/lod.png)
2.データは、各エリアでの販売を表示しています。
![1629996118725063.png 04.png](/core/style/lod.png)
3.チャートのデータを設定
1.下記の画像の通り、データを設定します。[インジケータ名]は、Sales Volumeにします。
![1629996128777861.png 05.png](/core/style/lod.png)
2.効果をプレビューします。それぞれ以下のデータを表示しています。
a エリア名
b 展示ディメンション
c インジケータ
![1629996135909926.png 06.png](/core/style/lod.png)
4.区間配色の設定
1.[スタイル]-[グラフ]を選び、[間隔の色]を[カスタム]に設定します。下の画像の通り、3個の区間の範囲と色を設定します。
![1629996144503614.png 07.png](/core/style/lod.png)
2.区間の設定が終わると、指標の色はインジケータに従います。
5.インジケータ書式の設定
1.書式を[通貨]に設定します。ドリルダウンツリーで[#,##0]を選び、単位「$」を手動で追加します。
![1629996158380013.png 09.png](/core/style/lod.png)
2.インジケータ書式の設定効果は、下の画像の通りです。
![1629996164468589.png 10.png](/core/style/lod.png)
6.枠のテーマカラーを設定
1.既定では、枠のテーマカラーは水色です。他に色に設定することもできます。本マニュアルでは、水色のままにします。
![1629996171372774.png 11.png](/core/style/lod.png)
2.効果をプレビューします。
![1629996177953906.png 12.png](/core/style/lod.png)
7.背景スタイルを設定
1.[背景]に入ります。背景の塗りつぶし設定はセルに類似しており、色、グラデーション色、テクスチャ、イメージから選択できます。既定では色の塗りつぶしとなっています。本マニュアルでは、既定の黒色のままにします。
![1629996184779541.png 13.png](/core/style/lod.png)
2.背景色を深い緑色にすると、背景が下図のように変わります。
![1629996191258942.png 14.png](/core/style/lod.png)
8.効果をプレビューする
![1629996199931891.gif 15.gif](/core/style/lod.png)
テンプレートのダウンロード
Carousel KPI Card-flashing.cpt
三.カルーセルKPIインジケータカード-電子
注:カルーセルKPIインジケータカード-電子の設定方法は、前節とほぼ同じです。この節では詳しい内容を省略します。
1.カルーセルKPIインジケータカードを挿入
[挿入]-[フローティング要素]-[フローティンググラフ]-[ドリル地図]から、[展開チャート-インジケータカード]-[カルーセルKPIインジケータカード-電子]を選びます。
![1629996226123280.png 16.png](/core/style/lod.png)
チャートの大きさを調整します。
![1629996233462766.png 17.png](/core/style/lod.png)
2.グラフデータの設定
1.下記の画像の通り、データを設定します。[インジケータ名]は入力しません。
![1629996241512819.png 18.png](/core/style/lod.png)
2.効果をプレビューします。それぞれ以下のデータを表現しています。
a 展示ディメンション
b インジケータ
![1629996247488904.png 19.png](/core/style/lod.png)
3.区間配色とインジケータ書式の設定
1.3個の区間を追加して、色と区間を設定します。インジケータ書式を[通貨]、[$ #,##0]に設定します。
![1629996255852087.png 20.png](/core/style/lod.png)
2.区間の設定が終わると、指標の色はインジケータに従います。
![1629996264386749.png 21.png](/core/style/lod.png)
4.効果をプレビューする
![1629996275507900.gif 22.gif](/core/style/lod.png)
5.テンプレートのダウンロード
Carousel KPI Card-elecctronic.cpt
四.パーティクルカウンター
1.パーティクルカウンターを挿入
[挿入]-[フローティング要素]-[フローティンググラフ]-[ドリル地図]から、[展開チャート-インジケータカード]-[パーティクルカウンター]を選びます。
![](/core/style/lod.png)
チャートの大きさを調整します。
![1629996281518235.png 23.png](/core/style/lod.png)
2.データの準備
組み込みデータソース[ds1]を新規作成します。[string]のフィールド[Sales_Volume]を新規作成し、一行のデータを追加します。文字「9 Billion」を入力します。
![1629996413490049.png 24.png](/core/style/lod.png)
3.グラフデータの設定
1.下記の画像の通り、データを設定します。[タイトル]の後ろに[Sales_Volume]を入力します。
![1629996422158988.png 25.png](/core/style/lod.png)
2.効果をプレビューします。それぞれ以下のデータを表現しています。
A タイトル
B カウント
![1629996430527230.png 26.png](/core/style/lod.png)
4.テーマ色の設定
[スタイル]-[グラフ]に入って設定します。二つのテーマ色を設定できます。既定では、水色と紫色になっています。本マニュアルでは、既定設定に従います。
![1629996462188546.png 27.png](/core/style/lod.png)
2.効果をプレビューします。
![1629996470104467.gif 28.gif](/core/style/lod.png)
3.またはテーマ色を変更します。
![1629996477172110.png 29.png](/core/style/lod.png)
![1629996484373716.gif 30.gif](/core/style/lod.png)
5.背景スタイルを設定
[背景]をクリックして、背景の塗りつぶしと不透明度を調整します。背景の塗りつぶし設定は、セルに類似しており、色、グラデーション色、テクスチャ、イメージから選択できます。既定では黒色の塗りつぶしとなっています。
![1629996498732495.png 31.png](/core/style/lod.png)
6.テンプレートのダウンロード
Particle Counter.cpt