テキストと画像
テキストと画像のビジュアライゼーションはテキストや画像、ハイパーリンク、メジャーを追加するオプションを提供し、他のビジュアライゼーションを補完します。
テキストを書式設定して色を割り当て、パラグラフの位置を合わせることができます。背景画像には、サイズ変更および配置オプションが含まれています。また、テキストと画像に応答型動作を設定することもできます。
テキストおよび画像ビジュアライゼーションは、詳細編集モードでのみ利用できます。
使用に適しているケース
テキストと画像のビジュアライゼーションはプレゼンテーション目的での使用を意図しており、選択はできません。ただし、テキストと画像のビジュアライゼーション内のメジャーは、実行された選択に応じて更新されます。一般的な使用例:
- アプリの最初のシートで重要な情報を表示する場合。
- 会社の画像を表示する場合、または背景画像と書式設定されたテキスト、メジャー値を組み合わせて説得力のある方法で図表を示したい場合。
- 追加情報を含むサイトへのリンクを作成する場合。
- すべてのデバイスでビジュアライゼーションが適切に表示されるように、応答型の動作を使用する場合。
長所
テキストと画像のビジュアライゼーションは、他のビジュアライゼーションと比べた場合に、目に付きやすくなっています。一般的なチャートより確実に目立つビジュアライゼーションを作成するために、さまざまなオプションが提供されています。
短所
テキストと画像のビジュアライゼーションの視覚的な混乱を避けるため、使用できるメジャー値の数とテキストの文字数が制限されています。
テキストと画像の作成
編集中のシートにテキストと画像のビジュアライゼーションを作成することができます。
次の手順を実行します。
- アセット パネルから、空のテキストと画像チャートをシートにドラッグします。
-
テキストと画像チャートをクリックして編集ツール バーを開きます。
-
テキスト、画像、ハイパーリンク、メジャーをテキストと画像チャートに追加し、書式設定を行います。
テキストと画像のスタイル指定
プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。
チャートのスタイル指定をさらにカスタマイズするには、[外観] > [プレゼンテーション] で [スタイル指定] をクリックします。スタイル指定パネルの [一般] および [チャート] タブには、さまざまなセクションが表示されています。
各セクションの横にある をクリックすると、スタイルをリセットできます。[すべてをリセット] クリックすると、スタイル指定パネルで利用可能なすべてのタブのスタイルがリセットされます。
個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタム スタイル指定の適用」を参照してください。
テキストのカスタマイズ
[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。
チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。
チャートに表示されるテキストのスタイルを指定できます。
次の手順を実行します。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。
-
[基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。
-
タイトル
-
サブタイトル
-
脚注
-
背景のカスタマイズ
チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。
次の手順を実行します。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。
スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。
背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。
背景画像を使用する際、画像のサイズや位置を調整できます。
テキストと画像オブジェクトでは、スタイル パネルの外側に背景画像を設定することもできます。この方法で背景画像を設定しても、上記の手順で行った背景の変更が除外されることや無効になることはありません。
次の手順を実行します。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[背景画像] で、[背景画像を使用] をオンにします。
-
メディア ライブラリから画像を追加します。さまざまなサイズと位置のオプションから選択できます。
境界線と影のカスタマイズ
チャートの境界線と影をカスタマイズできます。
次の手順を実行します。
-
プロパティ パネルで、 [スタイル] セクションを展開します。
-
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
-
スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。
-
境界線の色を選択します。
-
[角の半径] を調整して、境界線の丸みを制御します。
-
[一般] タブの [影] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。
テキストと画像の編集
テキストと画像のビジュアライゼーションでは、さまざまな方法でテキストや画像、メジャー、リンクを追加して書式設定ができます。
シートの編集中にテキストと画像のビジュアライゼーションにフォーカスがない場合は、2 回クリックして編集ツールバーを開いてください。編集ツールバーでは、色やサイズ、スタイルなどのテキスト プロパティを書式設定したり、テキストの位置合わせをしたりできます。さらに、リンクと画像を追加するオプションもあります。
リンクの作成
テキスト セクションにマークを付けて、リンク用に使用できます。
プレフィックスを追加しなければ、Web アドレスを追加しているものと想定して http:// が自動的に追加されます。
次の手順を実行します。
-
リンクに使用したいテキスト セクションを選択します。
-
編集ツールバーの をクリックして、リンクのダイアログを開きます。
-
リンク先の Web アドレスを入力します。
-
をクリックします。
リンクの削除
リンクはテキスト セクションから削除できます。
次の手順を実行します。
-
リンク内にカーソルを置いた状態で、リンクをクリックします。
-
編集ツールバーの をクリックして、リンクのダイアログを開きます。
-
をクリックします。
リンクは削除されますが、テキストは残ります。
画像の追加
編集ツールバーを使用して画像を追加できます。サムネイルには、既定の画像のうちの 1 つを使用することも、独自の画像を使用することもできます。
次の手順を実行します。
-
編集ツールバーで をクリックします。
[メディア ライブラリ] が開きます。
次の形式がサポートされています。png、jpg、jpeg、およびgif。
Qlik Senseについて、メディア ライブラリの [アプリ内] フォルダに画像をアップロードできます。画像をデフォルト フォルダにアップロードするには、Qlik 管理コンソール を使用する必要があります。
Qlik Sense Desktop の場合: 画像はコンピューター上の次のフォルダーに配置できます。C:\Users\<user>\Documents\Qlik\Sense\Content\Default。画像はメディア ライブラリの既定のフォルダーで使用できるようになります。インストール間でアプリを移動する場合、アプリで使用する画像はアプリと一緒に qvf ファイルに保存されます。新しい場所でアプリを開くと、画像はアプリのメディア ライブラリのアプリ内フォルダーに保存されます。
- メディア ライブラリ内の [アプリ内] や [既定] といったフォルダーをクリックします。
-
追加したい画像を選択します。
-
[挿入] をクリックします。
情報メモまた、追加する画像ファイルを右クリックして [挿入] を選択します。
詳細については、Qlik Sense サイトの管理: コンテンツ ライブラリにオブジェクトをアップロード を参照してください。
メジャーの追加
メジャーは以下の方法で追加できます。
- アセット パネルから項目をドラッグして、メジャーとして追加します。
- [マスター アイテム] からメジャーをドラッグします。
- プロパティ パネルからメジャー (既存または新規) を追加します。
メジャーの編集中はトークンとして表示されるため、ビジュアライゼーション内でスタイルの設定や移動ができます。また、数字の書式設定を適用できます。エディタを閉じると、メジャーの値が表示されます。集計できない値は、ハイフン (-) として表示されます。
メジャーの削除
メジャーは以下の方法で削除できます。
- トークンの前にカーソルを置き、削除ボタンを押します。
- トークンの後にカーソルを置き、バックスペースを押します。
- プロパティ パネルで、メジャーを右クリックし、ダイアログで [削除] を選択します。
- プロパティ パネルで、メジャーをクリックし、[削除] をクリックします。