チャートツールバー

  • 作成者:Colette
  • 編集回数:4次
  • 最終更新:ayuan0625 于 2025-02-18
  • 一.概要

    1.バージョン

    帳票サーババージョン

    機能変動

    11.0

    -

    11.0.4

    チャートがフルスクリーン表示の際、チャートの背景色取得ロジックが最適化され、チャートのテキストが自動調整に対応した。詳細は第四章を参照してください。

    2.応用シーン

    テンプレートをプレビューする際、チャートの右上ツールバーから個別のチャートに対してソート、エクスポート、フルスクリーン表示などの操作を実行できます。以下の図のように表示されます:

    动图1.gif

    3.機能概要

    チャートツールバーは、チャートのプロパティパネル内の [特殊効果] タブで、必要なツールを選択し、ツールを展開するか[メニューに入れる]かを設定できます。以下の図のように表示されます:

    注意: App端末およびHTML5端末ではソートツールのみ対応し、その他の機能は現在未対応です。

    1-正式版.jpg


    二.チャートのソートルール

    [ソート]をサポートするグラフは、縦棒グラフ、横棒グラフ、折れ線グラフ、面グラフ、円グラフ、多層円グラフ、メーター、レーダーチャートのみです。

    [多層円グラフ]は絶対値に基づいてソートします。それ以外のグラフは実際の値の大きさに基づいてソートを行います。

    縦棒グラフを例にすると:

    1)単一分類・単一系列 —— 実際の値の大小に基づいてソート

    例えば、以下の図のように、分類が「販売員」、系列が「販売量」の場合、販売量の大小に応じて昇順または降順で並び替えられます。

    2-正式版.jpg

    2)単一分類・複数系列 —— 分類内の系列合計値の大小に基づいてソート

    例えば、以下の図のように、分類が「製品」、系列が「販売量」と「在庫量」の場合、並び替えは「販売量 + 在庫量」の合計値の大小に応じて昇順または降順で行われます。

    昇順の場合は、 ミルク ≤ オレンジ < イチゴ < リンゴ < チョコレートとなります。

    3-正式版.png


    3)複数分類 —— 最下層分類の系列合計値の大小に基づいてソート

    例えば、以下の図のように、最下層分類が「地域」、上層分類が「製品」、系列が「販売量」と「在庫量」の場合、ソートは最下層分類ごとの系列合計値の大小に応じて行われます。

    昇順の場合:

    地域:関東 < 関西

    関東分類内:ミルク < チョコレート

    関西分類内:オレンジ < イチゴ < リンゴ

    となります。

    4-正式版.png


    注意:ツールバーでのソートボタンを使用したくない場合は、ソートボタンを利用して、ボタンのクリックイベントや初期化イベントでソートを実行することもできます。

    4)注意事項

    縦棒グラフと横棒グラフでは、分類を[無]に設定し、系列に[フィールド値]を使用することで、特定のグラフ効果を実現できます。以下の図のように表示されます。

    ただし、[分類]が[無]の場合、縦棒グラフおよび横棒グラフのソートは適用されません。

    5-正式版.png


    三.グラフのエクスポート説明

    1)グラフのエクスポートは .png 形式の画像のみ対応しています。エクスポート時の画像名はデフォルトで export.png となり、エクスポート時に名前を変更することはできません。エクスポート後に手動で変更してください。

    2)グラフのエクスポートは、最初にプレビュー表示された状態のグラフ を出力します。エクスポート前にソートや凡例の操作を行った場合でも、エクスポートされる画像は初期状態のグラフとなります。

    3)グラフにフラッシュ動画が設定されている場合、アニメーションを無効化した状態でエクスポートされます。

    4)傾向線の指数回帰および多項式回帰で点線が設定されている場合、Macシステムでのクラッシュを防ぐため、エクスポート時には点線が実線に変換されます。

    5)サーバの安定性を確保するため、1つのグラフのエクスポートにはデータ量の制限 があります。

    • エクスポートの判定フローは以下の図を参照してください。

    6-正式版.png


    • FineReportポータルでは、[システム]-[スマート運用保守]-[ロード管理]-[テンプレート制限]-[汎用制限] で、ユーザが単一グラフのエクスポート時の最大データ件数をカスタマイズすることがサポートされています。本機能はデフォルトで有効になっており、最大件数は 20,000 件 に設定されています。

    注意:データ件数は、データセットの行数ではなく、フロントエンドで描画されるグラフの要素数を指します。例えば、ある縦棒グラフに3つの分類があり、各分類に 2 つの系列がある場合、エクスポートされるデータ件数は 3 × 2 = 6 件 となります。

    • [単一チャートのエクスポートデータ量制限]を無効化する場合、グラフの実際のデータ件数に基づいてエクスポートされます。

    • [単一チャートのエクスポートデータ量制限]を有効化する場合、グラフのデータ件数が制限値以内であれば、実際のデータ件数に基づいてエクスポートされます。

    • [単一チャートのエクスポートデータ量制限]を有効化する場合、グラフのデータ件数が制限値を超えた場合、制限値のデータ件数分のみエクスポートされます。

    • 本設定は「汎用制限」内でのみ適用可能です。個別のテンプレート単位で制限を設定することはできません。([一部制限]に切り替えた場合、本設定項目は表示されません。)

    • ユーザが最大データ件数をカスタマイズした場合やエクスポートデータ制限を無効化する場合に、もしエクスポートデータ量が V8 メモリ(1.6GB) の上限を超えた場合、以下のような空白の警告画像が出力 されます。

    7-正式版.png


    6)11.0.2 バージョン以降のデザイナでは、チャートエクスポートボタンを通じてエクスポートが可能です。

    四.チャートフルスクリーンの説明

    1)11.0.4 バージョン以前のデザイナでは、チャートフルスクリーン表示されると、チャート背景がデフォルトで白色となり、ダークテーマのテンプレートを使用している場合、チャートが目立ちすぎることがありました。また、チャートのフォントはフルスクリーン後のチャートのサイズに合わせて自動調整されず、チャート全体のバランスが取れない状態でした。以下のように表示されます:

    8-正式版.png

    11.0.4 バージョン以降のデザイナでは、チャートがフルスクリーン表示されると、チャートとフォントのサイズは自動に調整されて表示されます。また、チャート背景色の取得ロジックも最適化されました。

    チャート背景色の取得ロジックは以下の表の通りです:

    チャート背景の塗りつぶし

    チャートフルスクリーン背景

    チャートフルスクリーン背景の不透明度

    テーマに従う

    ダークテーマでは背景色が #000816 に設定され、ライトテーマでは背景色が #FFFFFF に設定されます

    不透明度は効果が適用されず、デフォルトでは 100% になります

    背景なし

    ダークテーマでは背景色が #000816 に設定され、ライトテーマでは背景色が #FFFFFF に設定されます

    不透明度は効果が適用されず、デフォルトでは 100% になります

    画像

    ユーザがカスタマイズした画像に従って表示されます

    不透明度は 0 から 100 %までの範囲で設定可能で、効果が適用されます

    ユーザがカスタマイズした色に従って表示されます

    不透明度は効果が適用されず、デフォルトでは 100% になります

    段階変化色

    ユーザがカスタマイズした段階変化色に従って表示されます

    不透明度は効果が適用されず、デフォルトでは 100% になります

    その場合、上記の図は最適化されたデザイナでフルスクリーン表示した場合、以下のような効果になります:

    9-正式版.png

    2)11.0.2 バージョン以降のデザイナでは、チャートの特殊効果インターフェースを使用してフルスクリーン表示を行うことも可能です。


    Attachment List


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