チューブメーター

  • 作成者:ayuan0625
  • 編集回数:25次
  • 最終更新:Colette 于 2025-01-20
  • 一.概要

    1.バージョン

    帳票サーババージョン

    11.0

    2.応用シーン

    チューブメーターはチューブのような形状をしており、目盛りと進捗線が含まれています。目盛りは測定値を示し、進捗線は進捗状況を示します。

    チューブメーターを利用することで、特定の指標の進捗や実際の状況を直感的に表現できます。以下の図のように効果を視覚的に確認できます:

    1-正式版-效果图.jpg

    3.グラフの特徴

    メリット:複数の指標の進捗や実際の状況を直感的に表現でき、主に進捗や割合の表示に適しています。

    デメリット:時間のディメンションでデータを分析することができず、単一のグラフでは比較分析ができません。


    二.プロパティの紹介

    1.タイプ

    セル要素またはフローティング要素としてメーターを挿入した後、右側のプロパティパネルの[タイプ]設定項目で、[チューブメーター]を選択できます。以下の図のようになります:

    2-正式版.jpg

    2.データ

    基本データの設定項目の詳細については、ドキュメント「チャートデータ」を参照してください。

    • 分類名:パーセントに対応する分類名で、フロントエンドで表示される際は中央のスライダー領域に表示されます。

    • ポインター値:パーセント計算時の分子の一部で、座標軸の下に設定された最小値と合わせて分子を形成します。

    • 目標値:パーセント計算時の分母の一部で、座標軸の下に設定された最小値と合わせて分母を形成します。

    注意:パーセント計算を行う数式:(ポインター値 - 最小値) / (目標値 - 最小値)。最小値は座標軸で設定された最小値を指します。詳細については、以下のスタイルの説明を参照してください。

    3-正式版.jpg

    3.スタイル

    チューブメーターのスタイル設計の詳細については、グラフスタイルに関するヘルプドキュメントをご覧ください。

    3.1系列

    チューブメーターの[スタイル]-[系列]設定項目は、基本スタイルとは異なります。簡単に説明します:

    1)色:

    配色スタイルはデフォルトで[純色]になっており、色分けはデフォルトで[分類]となります。メーターの異なる分類は[配色計画]に基づいて色が表示されます。

    4-正式版.jpg

    [配色スタイル]が[純色]で、[色分け]を[値]に選択した場合、[目盛と配色]を設定する必要があります:

    メーターは刻度値に基づいて円環の色を表示します。デフォルトは[自動]で、[配色計画]の中で最初の3色を使用し、刻度の区間0〜1/3、1/3〜2/3、2/3〜1にそれぞれ適用されます。[カスタム]を選択すると、値が特定の範囲に該当する場合、その範囲に対応する色を設定できます。

    5-正式版.jpg

    配色スタイルが[段階変化色]の場合、各分類のメーターは同じ段階変化効果で色が表示されます。

    6-正式版.jpg

    2)レイアウト/スタイル

    • 配置方向:チューブメーターの方向を制御できます。[横方向]と[縦方向]に分かれており、デフォルトは[縦向]です。

    • ポインター:ポインターは進捗バーの最前端に位置する円形アイコンの色であり、デフォルトでは透明です。

    • 目盛:円環の目盛のスライダーの背景色を設定でき、デフォルトではライトグレーです。

    • 長さ設定:チューブメーターの長さを制御します。[自動]と[固定]の2種類があります。

    • シュート幅:内部のスライダーの幅を制御します。

    7-正式版.jpg

    3.2 ラベル

    1)[ラベル]はテキストの配置方向を変更することができます。

    チューブメーターの[スタイル]-[系列]での配置方向が[横向]の場合。

    8-正式版.jpg

    その場合、チューブメーターの[スタイル]-[ラベル]に[レイアウト]設定項目が表示されます。ユーザはラベルの[テキスト方向]を設定でき、[縦方向]を選択するとテキストが時計回りに90度回転して配置されます。

    9-正式版.jpg

    縦方向の効果は以下の図のように:

    10-正式版.jpg

    2)ラベルの中央揃えに対応

    チューブメーターの系列が[縦方向]レイアウトの場合、[ラベル(%)]と[値ラベル]は中央表示に対応しています。以下の図のように表示されます:

    11-正式版.jpg

    ラベルの中央揃えの効果は以下の図のように:

    12-正式版-居中效果显示.jpg

    3.3座標軸

    • 軸ラベル:軸ラベルの表示/非表示を制御できます。

    • 文字:フォント、文字、色、斜体、太字などの属性を選択できます。

    • カスタム最小値:チェックを入れると最小値をカスタマイズできます。この値は分子と分母の形成に関係し、パーセンテージ計算式は次の通りです:(指針値-最小値)/(目標値-最小値)。

    • カスタム主要目盛り単位:主目盛り単位を定義でき、数式入力が可能です。

    • カスタム補助目盛り単位:副目盛り単位を定義でき、数式入力が可能です。

    • 主目盛り線:主要目盛り線の色を設定できます。デフォルトはライトグレーです。

    • サブ目盛り線:副目盛り線の色を設定できます。デフォルトはライトグレーです。

    • 軸ラベル書式:[一般]と[カスタム]の2種類があり、デフォルトは[一般]です。

    注意:座標軸は最小値のみ設定でき、最大値は設定できません。

    13-正式版.jpg

    4.特殊効果

    メーターの特殊効果の設定については、関連するドキュメントを参照してください。

    注意:リングメーターの[特殊効果]設定項目では[条件表示]の設定はありません。

    三.例

    1.帳票設計

    1.1データ準備

    デザイナの左上隅にある[ファイル]-[新規普通レポート]をクリックして、新しいデータセットクエリ ds1 を作成します。データベースのクエリ文は以下の通りです:

    select タイプ名称,sum(在庫量) as kc from 商品,商品タイプ

    where 商品.タイプID=商品タイプ.タイプID and タイプ名称 in ('シーフード' ,'点心', '飲料')

    group by タイプ名称

    14-正式版.jpg

    1.2コンポーネント設計

    セル範囲を結合します。上部ツールバーの[チャート]ボタンをクリックし、[メーター]-[チューブメーター]を挿入します。以下の図のように:

    15-正式版.jpg

    1.3データのバインド

    [リングメーター(%)]のデータソースは[データセットデータ]を選択します。[データセット]は「ds1」を選択し、[分類名]には「タイプ名称」、[ポインター値]には「hc」、[目標値]には[カスタム]を選択し、[値]を「800」に設定します。以下の図のようになります:

    16-正式版.jpg

    1.4 スタイル設計

    実際のニーズに応じて[スタイル]を設定します。ここでは、タイトル、[ラベル]で[目標値]を表示せず、系列で配置方向を[縦方向]、系列で[ポインター]の色を白に設定します。以下の図のように表示されます:

    17-正式版.jpg

    2.効果プレビュー

    2.1PC端末

    帳票を保存し、[改ページプレビュー] をクリックすると、PC端末での効果は第1章第2節をご覧ください。

    2.2モバイル端末

    App端末 と HTML5 端末両方ともサポートされています。効果は以下の図のように:

    18-正式版.jpg

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

    テンプレートをダウンロードするにはこちらをクリックしてください:

    チューブメーター.cpt


    Attachment List


    Theme: FineReport チャート
    • いいね
    • 良くない
    • 閲覧しただけ