文字改行カスタマイズ

1.問題点

チャートのタイトル、座標軸、ラベルのテキストを改行で表示したい場合があります。

デフォルトの効果：

望まれる効果：

2.実現方法

本マニュアルでは、タイトルを例にします。テキストに改行タグ<br/>を追加して、htmlでテキストの内容を解析を有効にすることで改行を実現します（下図）。

1.データの準備

一般帳票を作成し、ビルトインデータセット人数を追加します。下の画像の通り、データセットには、各クラスの人数を記入します。

2.チャートを挿入

セルグラフを例にします。複数のセルを結合して、縦棒グラフを挿入します（下図）。

3.データのバインド

下の画像の通り、チャートを選択し、チャートデータをバインドします。

4.改行の設定

1.タイトル表示はhtml文：'人数集計<br/>(2017年)'に設定し、htmlでテキストの内容を解析を有効にします（下図）。

2.ラベルのテキストにカスタムを選択し、htmlでテキストの内容を解析を有効にします（下図）。

JavaScriptカスタム関数は次のとおりです。

function(){ return this.category+'<br/>'+this.seriesName+':'+this.value;}

3.Y軸のタイトルにHTML文： '人数'+'<br/>'+'(人)'を追加し、htmlでテキストの内容を解析を有効にします（下図）。

5.プレビュー

1.PC端末

レポートを保存し、改ページプレビューをクリックすると、グラフの効果は下図のようになります。

2.モバイル端末

アプリとモバイルブラウザ端末でプレビューでき、効果は下図のようになります。