ラベル改行表示

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

    1.問題の説明

    グラフラベルの内容が長すぎる場合、ラベルを内側に設定すると、グラフの表示範囲を超えてレポートの表示効果に影響を与えまることがあります。(下図をご確認ください。)

    01.png

    2.解決方法

    ラベルをカスタマイズすることで、ラベルテキストを改行させます。

    二.事例

    1.帳票デザイン

    1.通常の報告表を作成し、ビルトインデータセットEmbedded1を作成してください(下図)。

    02.png

    2.複数のセルを結合し、縦棒グラフを挿入します。下図をご確認ください。

    03.png

    3.縦棒グラフを選択し、右側のプロパティパネルで[セル要素]-[スタイル]-[ラベル]を選択し、[ラベル]にチェックを入れて、カスタムコードを入力します(下図)。

    04.png

    コードは次のとおりです。

    function(){  var a = this.value.toString();//数字を文字形式に転換する
    var length = a.length; var b = parseInt((a.length)/2);//二つにする
    var value= a.substring(0,b)+"<br>"+a.substring(b,length);//二行で表示
    return value}

    2.プレビュー

    1.PC端末

    帳票を保存し、改行プレビューをクリックすると、グラフの効果は下図の通りです。

    05.png

    2.モバイル端末

    06.png


    Attachment List


    Theme: FineReport チャート
    既に最初
    既に最後
    • Helpful
    • Not helpful
    • Only read