一.概要
応用シーン：「FineVisデータ可視化」プラグインをインストールしたユーザは、本文を参考にしてFineVisの関連機能を理解することができます。
1.バージョン
帳票サーババージョン | プラグインバージョン | 機能変動 |
11.0 | V1.x | - |
11.0.16 | V2.1.0 | フォントがあいまい検索に対応し、より簡単かつ迅速に設定可能になりました |
11.0.22 | V2.7.1 | タイトルの内容に「ダイナミックバリュー」をサポートし、データセットのフィールドを直接バインドすることができます |
11.0.22 | V3.4.0 | [内容スタイル]-[レイアウト]に新たに[垂直揃え]を追加しました。詳細は第3章を参照してください |
2.機能概要
[タイトルコンポーネント]は、通常、コンポーネントのタイトル内容や、1行のテキスト説明を作成する際に使用されます。
タイトル内容の[段階色]、[文字陰]、[レイアウト]、[文字間隔]などの効果を設定することができます。
コンポーネントのスタイル内の[倒影]効果を有効にすることで、文字の[倒影]効果も実現できます。
以下の図のように：
また、ボタンとしてクリックイベントを設定することもできます。例えば、ドキュメント「FineVisクリックで改ページの切り替え」の通りです。効果は以下の図のように：
注意：本文では、[タイトルコンポーネント]の特有の機能のみを紹介し、その他の属性については記載しません。
コンポーネントの動画については、「FineVisコンポーネントの動画」を参照してください。
二.コンポーネントの追加
1）デザイナの左上にある[ファイル]-[可視化カンバンを新規作成]をクリックし、空白の可視化カンバンを作成します。
2）コンポーネントエリアの[その他]-[タイトル]をクリックし、それをページに追加します。以下の図のように：
三.内容のスタイル
本章では、[タイトルコンポーネント]の[タイトル内容]および[内容スタイル]内の各属性を紹介します。以下の図のように：
各設定項目の詳細な説明は以下の表の通りです：
注意：すべての設定はタイトル全体に有効であり、タイトル内の一部の文字のフォントを個別に設定することはサポートされていません。
設定項目 | 説明 |
タイトル内容 | [文字列]を選択して入力するか、[ダイナミックバリュー]を使用することをサポートします |
フォント | タイトルのテキストのフォントを設定することをサポートします。V2.1.0 以降のバージョンでは、あいまい検索に対応しており、目的のフォントを効率的に検索できます |
スタイル | タイトルのテキストの太字、斜体、下線、文字サイズを設定することをサポートします。 |
色 | タイトルのテキストの色を[単色]または[段階色]に設定することをサポートします
2）段階色
効果は以下の図のように：
|
文字陰 | [陰効果有効]にチェックを入れると、複数の陰の効果を追加することができます
複数の陰がある場合、リストの下の陰が最も外側に表示されます。マウスでドラッグして陰の順序を移動することができます。
効果は以下の図のように：
|
レイアウト | [ソート方法]：タイトルを[水平]または[垂直]に設定することをサポートします。効果は以下の図のように：
|
[水平揃え]：タイトル内容の水平方向の表示位置を[左揃え]、[中央揃え]、または[右揃え]に設定することをサポートします | |
文字間隔 | タイトルの[文字間隔]を設定できます。表示効果は以下の図のように：
|
語彙間隔 | タイトル内容を入力する際、手動でスペースを追加して語彙を区切ることができます。この際、[語彙間隔]を設定すると、スペースに基づいて語彙を判断して間隔を表示します。表示効果は以下の図のように： |
四.走馬灯効果
[走馬灯効果を有効にする]をサポートし、文字全体をスクロールする効果を実現できます。以下の図のように：
プレビューの効果は以下の図のように：
五.注意事項
1.フォントを斜体に設定する際に右側の文字が隠れる
問題概要
タイトル内容の揃え方を[右揃え]に設定するか、色を[段階色]に設定し、且つフォントの[スタイル]で[斜体]効果を選択した場合です。以下の図のように：
この際、タイトルの最も右側の文字内容が一部隠れてしまいます。以下の図のように：
ソリューション
手動でタイトル内容の最後にスペースを追加することができます。
前：FineVisリッチテキストコンポーネント