【新】FineVisテンプレートスタイル

注意:

本文の応用シーン：

V3.2.0または以降のバージョンの「FineVis データ可視化」プラグインをインストールしたユーザに適用されます。

本文の機能のメリット：

旧版の[テーマスタイル]に比べ、新版の[テーマスタイル]は以下のメリットがあります：

1）より多くのビルトインテーマ：8 種類の[テーマスタイル]が内蔵され、選択できます。

2）[テーマスタイル]の最適化：

    ·  統一設定：[テーマスタイル]の設定がもはや[テーマスタイル]とコンポーネントスタイルを区分されず、サイズや寸法に関連する属性以外のすべての内容設定を含みます。

    ·  分類サポート：部分的なスタイルの切り替えをサポートしています。

    ·  応用範囲：[テーマスタイル]だけでなく、テーマ規範の下にあるすべての内容にも適用され、コンポーネントの背景やフォントの色などを含みます。

    ·  コンポーネントカバー：テーブルコンポーネント、地図、一部の高頻度使用の展開チャートおよび分析コンポーネントが新たにカバーされます。

3）カラーピッカーの最適化：[テーマ配色]を選択して迅速に[テーマスタイル]に適合させることをサポートしています。[標準色]を選択し、[履歴]の色から迅速に色を選択することもサポートしています。

1.バージョン

2.応用シーン

FineVis テンプレートを作成する際、事前に[テンプレートスタイル]を選択し、テンプレートの「テーマスタイル」と「コンポーネントスタイル」を事前定義することができ、その後のテンプレート作成の効率を向上させます。

3.機能概要

1）[テンプレートスタイル]は[サーバ]-[FineVis テンプレートのスタイル管理]を通じて管理することができ、8種類のビルトインスタイルを含み、[カスタムスタイル]の作成もサポートしています。

2）空白のカンバンを作成する際、一つの[テンプレートスタイル]を選択する必要があります。[テンプレートスタイル]は一度適用されるもので、つまり、[テンプレートスタイル]を編集しても、既に使用されているスタイルのテンプレートには影響を与えません。

使用上のアドバイス：事前に[カスタムスタイル]を作成し、必要なスタイルを事前定義した後、新しいテンプレートを作成してください。

1.空白カンバンの作成

新しい空白の可視化カンバンを作成する際、[テンプレートスタイル]は現在のサーバにあるすべての[ビルトインスタイル]と[カスタムスタイル]を表示し、1つのスタイルを選択した後カンバンを作成する必要があります。

1）[ビルトインスタイル]：FineVis は8種類の[テーマスタイル]を内蔵しており、デフォルトで[Dusk sea blue]のスタイルが選択されます。

2）[カスタムスタイル]：もし[カスタムスタイル]を追加したことがない場合、[カスタムスタイルはない。FVSのテンプレートスタイル管理から追加してください]と表示されます。

    · [FVSテンプレートのスタイル管理]をクリックすると、ポップアップが開き、[ビルトインスタイル]をコピーするか、新しいスタイルを作成してカスタマイズすることができます。

    · 追加後、ポップアップを閉じ、[テンプレートスタイル]の選択画面に戻り、右下の[リソースをリフレッシュ]をクリックしてカスタムした[テンプレートスタイル]を取得します。

    · 既に[カスタムスタイル]がある場合、左下の[FVSテンプレートのスタイル管理]をクリックして[テンプレートスタイル]管理のポップアップを開くこともできます。

以下の図の通りです：

2.テーマスタイル切り替え

可視化カンバンを作成した後、テンプレートの右上の[テーマスタイル切り替え]ボタンを通じて、現在のテンプレートの[テーマスタイル]を切り替えることができます。

    · [テンプレートスタイル]は一度適用されるものなので、ここでは現在適用されている[テンプレートスタイル]は選択されません。

    · [FVSテンプレートのスタイル管理]で[テンプレートスタイル]を変更しても、現在のテンプレートには影響を与えません。もし変更後の[テンプレートスタイル]の[テーマスタイル]を適用する必要がある場合は、再度選択して切り替える必要があります。

    · [テーマスタイル切り替え]パネルの下の[FVSテンプレートのスタイル管理]と[リソースをリフレッシュ]のボタンは、テンプレートを作成する際の使い方と同じです。

1.機能の入口

頂上部のメニューバーでの[サーバ]-[FVSテンプレートのスタイル管理]をクリックすると、ポップアップが開きます。

2.ビルトインスタイル

FineVis は8種類のスタイルを内蔵しています。[ビルトインスタイル]は編集や削除などの機能をサポートせず、[カスタムスタイル]としてコピーすることのみが可能です。

スタイルにマウスをホバーさせ、右上のコピーボタンをクリックすると、それを[カスタムスタイル]にコピーすることができます。

3.カスタムスタイル

[カスタムスタイル]の画面の左上には[新規スタイル作成]カードが固定で表示されます。マウスをホバーさせると、[濃い色のスタイルから作成]と[明るい色のスタイルから作成]の2つのボタンが表示され、クリックすると[テーマスタイル設定]のポップアップが開きます。

[カスタムスタイル]は削除、編集、コピー機能をサポートしています。スタイルにマウスをホバーさせ、右上のボタンをクリックすると、対応する操作を行うことができます。

1.テーマスタイルの構成

[カスタムスタイル]の画面で、スタイルにマウスをホバーさせ、右上の[編集]ボタンをクリックすると、[テーマスタイル設定]画面に移行できます。

[テーマスタイル設定]は、[スタイル名]、プレビュー画像、[テーマ配色]、[背景]、[チャート]、[ウィジェット]の6つの部分で構成されます。以下の図の通りです：

[テーマスタイル]の具体的な設定は以下の表の通りです：

2.テーマスタイル切り替えのルール

異なるコンポーネント対象に対して、[テーマスタイル切り替え]の有効化メカニズムは以下の表の通りです：

1）一部のコンポーネントは現時点ではスタイル設定をサポートしていませんが、濃さや明るさのテーマでは表示が区別されます。例えば：

    · テーブルのツールバーで[ツールバー背景]と[ボタンスタイル]の設定が可能です。

    · デザイナが 11.0.26 または以降のバージョンの場合、テーブルの内容のテキスト色は濃さ/明るさのテーマに応じて白色/黒色に表示されますが、以前のバージョンでは常に白で表示されます。

    · Tabコンポーネントの既定スタイルが[ユナイト式]を選択する場合、Tabバーのボタンが[テーマスタイル]に従って表示されます。

    · ウィジェットのプルダウンパネルの背景は濃さや明るさのテーマで区別され、文字の選定効果が[テーマスタイル]に従って表示されます。

2）異なるスタイルのテンプレートでのコンポーネントをコピー・ペーストすると、現在の[テンプレートスタイル]の影響を受けません。[テーマスタイル切り替え]で再度テーマを選択して切り替える必要があります。