一.概要
1.バージョン
帳票サーババージョン |
11.0 |
2.応用シーン
チューブメーターはチューブのような形状をしており、目盛りと進捗線が含まれています。目盛りは測定値を示し、進捗線は進捗状況を示します。
チューブメーターを利用することで、特定の指標の進捗や実際の状況を直感的に表現できます。以下の図のように効果を視覚的に確認できます:
3.グラフの特徴
メリット:複数の指標の進捗や実際の状況を直感的に表現でき、主に進捗や割合の表示に適しています。
デメリット:時間のディメンションでデータを分析することができず、単一のグラフでは比較分析ができません。
二.プロパティの紹介
1.タイプ
セル要素またはフローティング要素としてメーターを挿入した後、右側のプロパティパネルの[タイプ]設定項目で、[チューブメーター]を選択できます。以下の図のようになります:
2.データ
基本データの設定項目の詳細については、ドキュメント「チャートデータ」を参照してください。
• 分類名:パーセントに対応する分類名で、フロントエンドで表示される際は中央のスライダー領域に表示されます。
• ポインター値:パーセント計算時の分子の一部で、座標軸の下に設定された最小値と合わせて分子を形成します。
• 目標値:パーセント計算時の分母の一部で、座標軸の下に設定された最小値と合わせて分母を形成します。
注意:パーセント計算を行う数式:(ポインター値 - 最小値) / (目標値 - 最小値)。最小値は座標軸で設定された最小値を指します。詳細については、以下のスタイルの説明を参照してください。
3.スタイル
チューブメーターのスタイル設計の詳細については、グラフスタイルに関するヘルプドキュメントをご覧ください。
3.1系列
チューブメーターの[スタイル]-[系列]設定項目は、基本スタイルとは異なります。簡単に説明します:
1)色:
配色スタイルはデフォルトで[純色]になっており、色分けはデフォルトで[分類]となります。メーターの異なる分類は[配色計画]に基づいて色が表示されます。
[配色スタイル]が[純色]で、[色分け]を[値]に選択した場合、[目盛と配色]を設定する必要があります:
メーターは刻度値に基づいて円環の色を表示します。デフォルトは[自動]で、[配色計画]の中で最初の3色を使用し、刻度の区間0〜1/3、1/3〜2/3、2/3〜1にそれぞれ適用されます。[カスタム]を選択すると、値が特定の範囲に該当する場合、その範囲に対応する色を設定できます。
配色スタイルが[段階変化色]の場合、各分類のメーターは同じ段階変化効果で色が表示されます。
2)レイアウト/スタイル
• 配置方向:チューブメーターの方向を制御できます。[横方向]と[縦方向]に分かれており、デフォルトは[縦向]です。
• ポインター:ポインターは進捗バーの最前端に位置する円形アイコンの色であり、デフォルトでは透明です。
• 目盛:円環の目盛のスライダーの背景色を設定でき、デフォルトではライトグレーです。
• 長さ設定:チューブメーターの長さを制御します。[自動]と[固定]の2種類があります。
• シュート幅:内部のスライダーの幅を制御します。
3.2 ラベル
1)[ラベル]はテキストの配置方向を変更することができます。
チューブメーターの[スタイル]-[系列]での配置方向が[横向]の場合。
その場合、チューブメーターの[スタイル]-[ラベル]に[レイアウト]設定項目が表示されます。ユーザはラベルの[テキスト方向]を設定でき、[縦方向]を選択するとテキストが時計回りに90度回転して配置されます。
縦方向の効果は以下の図のように:
2)ラベルの中央揃えに対応
チューブメーターの系列が[縦方向]レイアウトの場合、[ラベル(%)]と[値ラベル]は中央表示に対応しています。以下の図のように表示されます:
ラベルの中央揃えの効果は以下の図のように:
3.3座標軸
• 軸ラベル:軸ラベルの表示/非表示を制御できます。
• 文字:フォント、文字、色、斜体、太字などの属性を選択できます。
• カスタム最小値:チェックを入れると最小値をカスタマイズできます。この値は分子と分母の形成に関係し、パーセンテージ計算式は次の通りです:(指針値-最小値)/(目標値-最小値)。
• カスタム主要目盛り単位:主目盛り単位を定義でき、数式入力が可能です。
• カスタム補助目盛り単位:副目盛り単位を定義でき、数式入力が可能です。
• 主目盛り線:主要目盛り線の色を設定できます。デフォルトはライトグレーです。
• サブ目盛り線:副目盛り線の色を設定できます。デフォルトはライトグレーです。
• 軸ラベル書式:[一般]と[カスタム]の2種類があり、デフォルトは[一般]です。
注意:座標軸は最小値のみ設定でき、最大値は設定できません。
4.特殊効果
メーターの特殊効果の設定については、関連するドキュメントを参照してください。
注意:リングメーターの[特殊効果]設定項目では[条件表示]の設定はありません。
三.例
1.帳票設計
1.1データ準備
デザイナの左上隅にある[ファイル]-[新規普通レポート]をクリックして、新しいデータセットクエリ ds1 を作成します。データベースのクエリ文は以下の通りです:
select タイプ名称,sum(在庫量) as kc from 商品,商品タイプ
where 商品.タイプID=商品タイプ.タイプID and タイプ名称 in ('シーフード' ,'点心', '飲料')
group by タイプ名称
1.2コンポーネント設計
セル範囲を結合します。上部ツールバーの[チャート]ボタンをクリックし、[メーター]-[チューブメーター]を挿入します。以下の図のように:
1.3データのバインド
[リングメーター(%)]のデータソースは[データセットデータ]を選択します。[データセット]は「ds1」を選択し、[分類名]には「タイプ名称」、[ポインター値]には「hc」、[目標値]には[カスタム]を選択し、[値]を「800」に設定します。以下の図のようになります:
1.4 スタイル設計
実際のニーズに応じて[スタイル]を設定します。ここでは、タイトル、[ラベル]で[目標値]を表示せず、系列で配置方向を[縦方向]、系列で[ポインター]の色を白に設定します。以下の図のように表示されます:
2.効果プレビュー
2.1PC端末
帳票を保存し、[改ページプレビュー] をクリックすると、PC端末での効果は第1章第2節をご覧ください。
2.2モバイル端末
App端末 と HTML5 端末両方ともサポートされています。効果は以下の図のように: