ダッシュボード設計画面

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

    FineReportダッシュボードの設計画面は三つの部分から構成されています。計器パネルの本体、コンポーネントとコンポーネントの設定です。コンポーネントは、パラメータペイン、ブランクブロック(報告ブロック、タブブロック、絶対ブロック)、グラフ、ウィジェット、コンポーネントライブラリを含みます。コンポーネント設定は、コンポーネントリストとコンポーネント属性を含みます。下図のように:

    01.png

    二.ダッシュボード本体

    ダッシュボードの本体、形式は一枚の空白の設計図の板紙に相当します。デフォルトでは、エンティティがあります。パラメータペインを追加すると、本体とパラメータペインが同時にフォームの下に存在します。

    本文はホワイトスペースの設計図板の下の表です。ユーザは、パラメータペイン以外のコンポーネントを本体にドラッグしても良いです。本体は、これらのコンポーネントを搬送して、プレビューの間にレポートページに表示させます。

    本体にコンポーネントを追加すると、右側のコンポーネントリストに追加されたコンポーネントが本体サブディレクトリとして表示されます。下図のように:

    「選択した部品」リストのエンティティをクリックして、エンティティの属性を設定します。詳細については、ダッシュボードのフレームスタイルを参照してください。 

    三.ダッシュボードコンポーネント

    ダッシュボードコンポーネントには、パラメータペイン、空白ブロック(レポートブロック、タブブロック、絶対ブロック)、グラフ、ウィジェット、およびコンポーネントライブラリが含まれます。


    3.1.パラメタ区画

    通常のレポートと同様に、ダッシュボードのパラメーターペインもパラメーターウィジェットを実行するために使用されます。違いは、ダッシュボードのパラメータペインがデザインインターフェイスに追加されないように選択できますが、通常のレポートのパラメーターペインが作成された後に存在し、削除できません。それを使用する方法を参照することができます:パラメータの導入


    3.2.空白ブロック

    空白ブロックは、タブブロック、絶対ブロック、および報告ブロックを含みます。

    1.タブブロック

    タブブロックを追加した後、タブブロックは複数のタブタブを持つことができます。各タブは、ウィジェット、グラフ、レポートブロックを追加できる空白のキャンバスに相当します。特定の用法のためにタブブロックを見てください。

    ダッシュボードをプレビューするときは、タブブロックのタイトルをクリックして対応するタブページにジャンプしたり、順番に再生するタブページを設定することができます。結果を以下に示す。

    3.gif

    2.絶対ブロック

    絶対ブロックを追加した後、絶対ブロックは空白のレイアウトと等価です。ウィジェット、グラフ、およびレポートブロックを追加することができますし、レイアウトを調整することができます。詳細については、「絶対レイアウトブロック」を参照してください。

    つの絶対ブロックは、境界線と背景を追加した後の領域として表示することができます。大画面を作成する際には、異なるインジケータコンテンツが異なる領域に表示されることが多く、各インジケータ領域はコンテンツが豊富である。このとき、空白のレイアウトを追加する非常に便利です。下記の通り。

    4.png

    3.帳票ブロック

    レポートブロックコンポーネントは、通常のレポートのレポートと等価です。これをテーブル化し、グラフのような他の要素をテーブルのセルに挿入することもできる。追加後、レポートブロックを入力するには“編集”をクリックし、特定の使用方法は通常のレポートと同じです。


    注意1:メーターボードの報告ブロックでは、セルに小さな部品の追加はサポートされていません。

    注意2:レポートブロックにテキスト+グラフを使用することは推奨されません。単一のグラフであれば、グラフのコンポーネントをレポートブロックに直接ドラッグするのは、グラフをレポートブロックに挿入するより良いです。


    3.3.グラフのブロック

    グラフのブロックは本体に直接追加することもできますし、タブブロックと絶対ブロックに追加することもできます。グラフブロック内のすべてのグラフの使い方は、通常のレポートと同じです。詳細については、チャート紹介を参照してください。


    3.4.コンポーネント

    小さい部品はデータをフィルタするコンポーネントです。これらはパラメータウィジェットとしてパラメータペインに置いても良いし、本体、タブブロック、絶対ブロックに別々のコンポーネントとして追加しても良いです。下図のように:

    パラメーターペインに配置されているパラメーターウィジェットとして、ダッシュボードによってサポートされるウィジェット型は、通常のレポートでサポートされるウィジェット型と基本的に同じです。詳細はWidgetTypeの導入を参照ください。


    3.5.コンポーネントライブラリ

    ユーザーがより速く綺麗なダッシュボードを設計するために、Fanruanはコンポーネントのローカル再使用を提供します。ユーザーはFanruan Marketから彼らの好きなコンポーネントをダウンロードし、インストール後にダッシュボードの設計に適用することができます。詳細については、モジュールのプラグインを再利用を参照してください。

    ダウンロードしたコンポーネントをインストールすると、リユースをサポートする「コンポーネントライブラリ」に表示されます。ドラッグ&ドロップにより、コンポーネントライブラリのコンポーネントを本体、タブブロック、絶対ブロックに追加できます。

    四.コンポーネントの設定

    4.1.コンポーネントリスト

    ダッシュボードにコンポーネントを追加した後、コンポーネント名は右側のコンポーネントリストに表示されます。コンポーネント名をクリックしてコンポーネントを選択します。下記の通り。

    部品リストの上のツールバーには、切り取りコピー貼り付け削除などのツールボタンがあります。コンポーネントを選択すると、対応する操作ができます。下図のように:

    ツールアイコンがグレーで表示されている場合、このツールは現在利用できないことを示します。「ボトムに置く」「トップに置く」などのツールは、絶対的なエンティティレイアウトにのみサポートされ、エンティティ適応レイアウトにおいて灰が顕著になります。

    注意:ボディアダプティブレイアウトでは、右側のコンポーネントリストでは複数のコンポーネントがサポートされていませんので、バッチカットや一括削除などのコンポーネントの一括操作はサポートされていません。


    4.2.コンポーネントプロパティ

    コンポーネントを選択した後、右側のコンポーネント設定でコンポーネントコンポーネントを変更し、コンポーネントのスタイルを設定し、コンポーネントのサイズを調整し、コンポーネントのイベントを追加し、コンポーネントをモバイル端末に適応できます。下記の画像の通りです。

    Attachment List


    Theme: FineReport ダッシュボード
    • いいね
    • 良くない
    • 閲覧しただけ