チャート凡例

  • 作成者:ayuan0625
  • 編集回数:9次
  • 最終更新:ayuan0625 于 2025-04-08
  • 一.概要

    1.バージョン

    帳票サーババージョン

    11.0

    2.機能概要

    [凡例]に表示される内容は、実際にはチャートの[系列]-[色]によって決まります。以下の3種類があります:

    1)一般凡例:凡例をクリックすると、対応する系列の表示と非表示を切り替えることができます。

    1744099751397284.png 

    2)連続段階変化凡例:上下の丸い点をスライドさせることで、値の範囲を変更できます。チャートの対応する値が範囲内にあるときは表示され、範囲外のときは非表示になります。

    1744099763229208.png 

    3)エリア段階変化凡例:エリア段階をクリックすると、そのエリア段階に対応するチャートの表示と非表示を切り替えることができます。

    1744099778352393.png 

    注意1:「地図、ドリル地図、ヒートマップ、バブルチャート、散布図、ワードクラウドチャート」のこれら6種類のチャートの系列を[色分け]-[値]に選択した場合のみ、後の2種類の凡例を設定できます。それ以外の場合はすべて一般凡例になります。

    注意2:樹形図とメーターは凡例の設定をサポートしていません。

    注意3:チャートの凡例が多すぎる場合、モバイル端末で一部が表示されないことがあります。凡例の空白部分をクリックするとスクロールバーが表示され、ドラッグすることで残りの凡例を表示できます。

    二.属性の紹介

    凡例には5つの汎用属性があり、それぞれ:[レイアウト]、[スタイル]、[枠]、[背景]、[表示方式]です。チャートが「地図、ドリル地図、ヒートマップ、バブルチャート、散布図、ワードクラウドチャート」で、チャートの系列の[色分け]を[値]に設定した場合、凡例に[書式]属性が表示されます。以下でそれぞれ紹介します。

    1.レイアウト

    凡例の表示位置の設定で、合計6つの設定オプションがあり、それぞれ:[上揃え]、[下揃え]、[左揃え]、[右揃え]、[右上]、[カスタムフローティング位置]です。デフォルトは[右揃え]表示です。

    1744099850203519.png 

    1)上揃え、下揃え

    位置を[上揃え、下揃え]に選択した場合、次の[順列]オプションが表示されます:[ストリーミング]、[整列]。デフォルトは[整列]です。

    1744099868297826.png 

    チャートの凡例が多い場合、[ストリーミング]と[整列]のレイアウトの効果はそれぞれ以下の通りです:

    1744099884742558.png 

    2)左揃え、右揃え、右上

    位置を[左揃え、右揃え、右上]に選択した場合、[順列]オプションはありません。以下の図のように:

    1744099900495798.png 

    3)カスタムフローティング位置

    x方向とy方向の値を入力することで、凡例の位置を制御できます。

    1744099924634875.png

    2.スタイル

    凡例のラベルの文字のフォント、色、サイズを設定するために使用します。デフォルトはテーマに従いますが、具体的なニーズに応じてカスタマイズすることができます。

    1744099963102174.png

    注意:ブラウザで最小フォントが設定されており、テンプレートのチャートで設定された最小フォントがブラウザの最小フォントより小さい場合、ブラウザの設定が優先されます。

    例えば、Chromeブラウザの最小フォントが12ptで、チャートで設定されたフォントサイズが10ptの場合、Chromeで帳票を表示すると、チャートのフォントは12ptで表示され、10ptではありません。そのため、この場合にはブラウザのフォントサイズを変更する必要があります。

    3.枠

    凡例全体の[枠]を設定できます。デフォルトは枠なしです。設定項目は以下の通りです:

     · 線のスタイル:凡例の枠に使用する線のスタイルで、デフォルトは[無]です。

     · 色:凡例の枠に使用する色です。

     · 丸角:凡例の枠の4つの角の丸みの度数を設定し、デフォルトは0pxです。

    图片10.png 

    4.背景

    凡例全体の[背景]を設定できます。デフォルトは背景なしです。設定項目は以下の通りです:

     · 塗りつぶし:[背景なし]、[色]、[段階変化色]をプルダウンで選択でき、デフォルトは[背景なし]です。

     · 不透明度:背景の透明効果を設定し、デフォルトの[不透明度]は100%です。

     · 影:チャートの背景に[影]の効果を有効にするかどうかを設定し、デフォルトは[無効]です。

    1744100016953171.png 

    5.表示方式

    凡例がチャート全体で占めるエリアのサイズと、凡例のプレビュー時のインタラクション効果を設定できます。

    1)エリアサイズ:凡例の表示エリアのサイズを制御でき、[自動]と[カスタム]を選択できます。デフォルトは[自動]で、すなわちサイズ制限なしです。

    注意:凡例のレイアウトが[カスタムフローティング位置]に設定されている場合、[エリアサイズ]はグレーアウトされ、設定できません。

    2)固定表示:[固定表示]をオンにするかオフにするかでインタラクション効果が異なります。デフォルトは[固定表示]がチェックされてオンになっています。

    注意:多層円グラフ、ヒートマップ、系列の色が「連続段階変化」の形態のチャートをサポートしておらず、系列の色が「エリア段階変化」の場合、[固定表示]の効果は第二章第5.1節の一般凡例の効果と同じです。

    1744100047994608.png 

    5.1インタラクション効果

    1)固定表示をオフにした場合

    凡例の文字またはアイコンを初めてクリックすると、その凡例が非表示になり、再度クリックすると表示されます。効果が以下の図のように:

    1744100065348683.gif 

    2)固定表示をオンにした場合

     · 凡例が表示されているとき、マウスを凡例に合わせると、凡例のアイコンが「固定ピン」のスタイル图片13.pngに変わります(色は系列の色に従って変わります)。また、マウスを凡例のアイコンに合わせると、その凡例が強調表示され、強調表示された凡例に対応する系列の[不透明度]は100%で、その他の系列の[不透明度]は30%になります。

    图片14.png 

     · 凡例が表示されているとき、凡例の文字をクリックすると、その凡例が非表示になり、非表示になった後に凡例の文字またはアイコンをクリックすると再度表示されます;

     · 凡例が表示されているとき、图片15.pngをクリックするとアイコンが图片16.pngに変わり、このときこの凡例のみが表示され、他の凡例は非表示になります。非表示になった凡例をクリックすると、再度表示されます。系列が1つだけ表示されているとき、图片16.pngをクリックすると、すべての系列が表示されます。

    1744100160834788.gif 

    6.書式

    チャートが[地図]、[ドリル地図]、[ヒートマップ]、[バブルチャート]、[散布図]、[ワードクラウドチャート]で、チャートの系列の[色分け]を[値]に設定した場合、凡例に[書式]の設定項目が表示されます。

    1)[ラベル書式]が[一般]の場合、凡例の表示書式はプルダウンボックスで選択した設定に従って変わります。効果が以下の図のように:

    图片17.png 

    2)ラベルの書式が[カスタム]の場合、JavaScriptコードを入力することで、HTMLでテキスト内容を解析し、凡例の[書式]をカスタマイズすることができます。詳細については、「チャートでHTMLを使用してテキスト内容を解析」を参照してください。

    1744100239589234.png 


    Attachment List


    Theme: FineReport チャート
    既に最初
    既に最後
    • いいね
    • 良くない
    • 閲覧しただけ