拡張チャート-インジケーターカード

  • 作成者:ayuan0625
  • 編集回数:24次
  • 最終更新:ayuan0625 于 2021-09-06
  • 一.概要

    インジケータカードは、販売、利益などのインジケータを分かりやすく表示することができます。インジケータカードは、3種類のカードを提供しています:カルーセルKPIインジケータカード-点滅、カルーセルKPIインジケータカード-電子、パーティクルカウンター。

    二.カルーセルKPIインジケータカード-点滅

    1.カルーセルKPIインジケータカード-点滅を挿入

    [挿入]-[フローティング要素]-[フローティンググラフ]-[ドリル地図]から、[展開チャート-インジケータカード]-[カルーセルKPIインジケータカード-点滅]を選びます。

    01.png

    チャートの大きさを調整します。

    02.png

     

    2.データの準備

    1.データベースクエリーのデータソース[ds1]を新規作成します。テーブル[Sales]をクエリー画面にドラッグします。

    03.png

    2.データは、各エリアでの販売を表示しています。

    04.png

     

    3.チャートのデータを設定

    1.下記の画像の通り、データを設定します。[インジケータ名]は、Sales Volumeにします。

    05.png

    2.効果をプレビューします。それぞれ以下のデータを表示しています。

    a エリア名

    b 展示ディメンション

    c インジケータ

    06.png

    4.区間配色の設定

    1.[スタイル]-[グラフ]を選び、[間隔の色]を[カスタム]に設定します。下の画像の通り、3個の区間の範囲と色を設定します。

    07.png

    2.区間の設定が終わると、指標の色はインジケータに従います。

    08.png

    5.インジケータ書式の設定

    1.書式を[通貨]に設定します。ドリルダウンツリーで[#,##0]を選び、単位「$」を手動で追加します。

    09.png

    2.インジケータ書式の設定効果は、下の画像の通りです。

    10.png

    6.枠のテーマカラーを設定

    1.既定では、枠のテーマカラーは水色です。他に色に設定することもできます。本マニュアルでは、水色のままにします。

    11.png

    2.効果をプレビューします。

    12.png

    7.背景スタイルを設定

    1.[背景]に入ります。背景の塗りつぶし設定はセルに類似しており、色、グラデーション色、テクスチャ、イメージから選択できます。既定では色の塗りつぶしとなっています。本マニュアルでは、既定の黒色のままにします。

    13.png

    2.背景色を深い緑色にすると、背景が下図のように変わります。

    14.png

    8.効果をプレビューする

    15.gif

    テンプレートのダウンロード

    Carousel KPI Card-flashing.cpt

    三.カルーセルKPIインジケータカード-電子

    注:カルーセルKPIインジケータカード-電子の設定方法は、前節とほぼ同じです。この節では詳しい内容を省略します。

    1.カルーセルKPIインジケータカードを挿入

    [挿入]-[フローティング要素]-[フローティンググラフ]-[ドリル地図]から、[展開チャート-インジケータカード]-[カルーセルKPIインジケータカード-電子]を選びます。

    16.png

    チャートの大きさを調整します。

    17.png

    2.グラフデータの設定

    1.下記の画像の通り、データを設定します。[インジケータ名]は入力しません。

    18.png

    2.効果をプレビューします。それぞれ以下のデータを表現しています。

    a 展示ディメンション

    b インジケータ

    19.png

    3.区間配色とインジケータ書式の設定

    1.3個の区間を追加して、色と区間を設定します。インジケータ書式を[通貨]、[$ #,##0]に設定します。

    20.png

    2.区間の設定が終わると、指標の色はインジケータに従います。

    21.png

     

    4.効果をプレビューする

    22.gif

    5.テンプレートのダウンロード

    Carousel KPI Card-elecctronic.cpt

    四.パーティクルカウンター

    1.パーティクルカウンターを挿入

    [挿入]-[フローティング要素]-[フローティンググラフ]-[ドリル地図]から、[展開チャート-インジケータカード]-[パーティクルカウンター]を選びます。

    チャートの大きさを調整します。

    23.png

    2.データの準備

    組み込みデータソース[ds1]を新規作成します。[string]のフィールド[Sales_Volume]を新規作成し、一行のデータを追加します。文字「9 Billion」を入力します。

    24.png

    3.グラフデータの設定

    1.下記の画像の通り、データを設定します。[タイトル]の後ろに[Sales_Volume]を入力します。

    25.png

    2.効果をプレビューします。それぞれ以下のデータを表現しています。

    A タイトル

    B カウント

    26.png

    4.テーマ色の設定

    [スタイル]-[グラフ]に入って設定します。二つのテーマ色を設定できます。既定では、水色と紫色になっています。本マニュアルでは、既定設定に従います。

    27.png

    2.効果をプレビューします。

    28.gif

    3.またはテーマ色を変更します。

    29.png

    30.gif

    5.背景スタイルを設定

    [背景]をクリックして、背景の塗りつぶしと不透明度を調整します。背景の塗りつぶし設定は、セルに類似しており、色、グラデーション色、テクスチャ、イメージから選択できます。既定では黒色の塗りつぶしとなっています。

    31.png

    6.テンプレートのダウンロード

    Particle Counter.cpt

    Attachment List


    Theme: FineReport チャート
    既に最初
    既に最後
    • Helpful
    • Not helpful
    • Only read