FineVisテンプレートのプレビューとマウント

応用シーン：「FineVisデータ可視化」プラグインをインストールしたユーザは、本文を参考にしてFineVisの関連機能を理解することができます。

1.バージョン

2.機能概要

本文では、FineVisテンプレートを作成後のプレビュー方法とマウント方法について詳細に説明します。

3.準備作業

本文のサンプルテンプレートをクリックしてダウンロードし、テンプレートをフォルダ%FR_HOME%\webroot\WEB-INF\reportlets に配置してください：

EC販売リアルタイム大型データスクリーン.fvs

デザイナでテンプレートを開き、テンプレートの右上でデフォルトでPC端末ボタンを選択した状態で、[プレビュー]ボタンをクリックすると、テンプレートのPC端末表示効果をプレビューできます。

注意：Chromeブラウザ86以降のバージョンを使用してプレビューしてください。

PC端末のプレビュー画面では、囲み選択内容を拡大表示できます。以下の図のように：

 · shiftキーを押しながら、マウスで囲み範囲を選択できます。

 · 囲み選択範囲を決定した後、選択した長方形を移動またはズームできます。

 · ボタンをクリックすると選択が解除され、ボタンをクリックすると、選択範囲をフルスクリーンで拡大表示できます。

 · 拡大エリア内のコンポーネントの動画の効果やインタラクションイベントはすべて有効になります。

 · マウスを拡大エリア内で移動すると、右上に閉じるボタンが表示され、クリックすると選択範囲を閉じることができます。

モバイル端末のプレビューでは、一部の効果がPC端末と異なる場合があり、モバイル端末の一部の機能設定項目は個別に設定可能です。

テンプレートの右上でモバイル端末ボタンを選択し、[プレビュー]ボタンをクリックすると、ブラウザにモバイル端末のプレビュー画面が表示されます。

左側には携帯のHTML5模擬効果と、右側にはモバイル端末のアクセスQRコードとリンクが表示されます。以下の図のように：

注意1：模擬用の携帯のタイプはiPhone13/13Proで、幅と高さ390×844pxです。

注意2：このページのインタラクション効果は完全には有効にならず、具体的なインタラクション効果はモバイル端末での実際のプレビュー効果を基準とします。

注意：V2.1.1以前のバージョンでは、モバイル端末のプレビューを行うには、URLリンクの末尾に&op=mobileパラメータを追加した後にモバイル端末のアクセスQRコードとリンクを呼び出す必要がありました。

FineVisテンプレートは、管理ポータルのディレクトリに直接マウントできます。表示の[タイプ]を[プレビュー]に選択し、必要な[表示端末]を選択してください。以下の図のように：

注意：FineVisのV2.3.1プラグイン以降のバージョンで、かつ帳票サーバが11.0.25以降のバージョンを満たす場合、管理ポータルでテンプレートをマウントする際にパラメータ設定をサポートします。