カスタム縦棒グラフ

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

    1.バージョン

    帳票サーババージョン

    11.0

    2.応用シーン

    カスタム縦棒グラフは複数の座標軸をカスタマイズすることができ、標準の縦棒グラフでは特定のデータ表示要件を満たせない場合に適しています。

    1-正式版.jpg

    3.グラフの特徴

    メリット: カスタマイズ可能な縦棒グラフは、高い柔軟性と創造性を提供し、一般的な縦棒グラフでは対応できない要件を満たすことができます。

    デメリット: 設計が不適切な場合、データの明確さや可読性が低下する可能性があります。

    二.例

    1.データ準備

    デザイナの左上メニューから[ファイル]-[一般帳票新規作成]をクリックします。ビルトインデータセットを新規作成します。以下の図のように:

    2-正式版.jpg

    2.グラフの挿入

    まず、セル範囲を結合します。上部ツールバーの[チャート]ボタンをクリックし、[カスタマイズ縦棒グラフ]を挿入します。以下の図のように:

    3-正式版.jpg

    3.グラフのデザイン

    グラフを選択し、右側のプロパティパネル[セル要素]をクリックします。ここでは、グラフの[タイプ]、[データ]、[スタイル]、[特殊効果]などの各種属性を設定できます。

    3.1グラフタイプ

    グラフが配置されているセルを選択し、右側の[セル要素]-[タイプ]をクリックすると、グラフの種類を確認および選択することができます。

    4-正式版.jpg

    3.2データのバインド

    [データ]を選択し、以下の図のようにグラフにデータをバインドします。

    5-正式版.jpg

    3.3スタイル設定

    グラフを選択し、[セル要素]-[スタイル]-[タイトル]をクリックします。[テキスト]に「第1四半期の経営状況」を入力します。以下の図のように:

    6-正式版.jpg

    3.4系列の設定

    1)[スタイル]-[系列]を選択し、[配色計画]を[テーマに従う]、[線のスタイル]を[無]、[丸角]を[5px]に設定します。その後、2つの[積み上げと座標軸]を追加します。以下の図のように:

    7-正式版.jpg

    2)[積み上げと座標軸1]では、総利益率と販売量の数値差が大きいため、単独のY軸を使用することでより効果的に表示できます。

    [Y軸2]を選択し、条件を[系列番号等しい3]に設定します。以下の図のように:

    8-正式版.jpg

    3)[積み上げと座標軸2]では、2つの製品の販売量を積み上げ縦棒グラフで表示することで、2本の縦棒グラフで個別に表示するよりも簡潔かつ直感的になります。

    [Y軸]を選択し、積み上げを[はい]に設定し、条件を[系列番号等しい1 または 系列番号等しい2]に設定します。以下の図のように:

    9-正式版.jpg

    3.5座標軸の設定

    縦棒グラフのプロパティパネルで、[スタイル]-[座標軸]を選択し、座標軸の属性を設定できます。

    この例では、[Y軸2]を設定して、総利益率をパーセンテージ形式で表示する必要があります。以下の図のように:

    10-正式版.jpg

    4.効果プレビュー

    4.1PC端末

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

    4.2モバイル端末

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

    11-正式版.jpg

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

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

    カスタム縦棒グラフ.cpt


    Attachment List


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