メイン コンテンツをスキップする 補完的コンテンツへスキップ

テキストと画像オブジェクトの作成

テキストと画像オブジェクトはテキストや画像、ハイパーリンク、メジャーを追加するオプションを提供し、他のビジュアライゼーションを補完します。

テキストを書式設定して色を割り当て、パラグラフの位置を合わせることができます。背景画像には、サイズ変更および配置オプションが含まれています。また、テキストと画像に応答型動作を設定することもできます。

情報メモ

テキストおよび画像ビジュアライゼーションは、詳細編集モードでのみ利用できます。

編集中のシートにテキストと画像のビジュアライゼーションを作成できます。

  1. 詳細編集モードで、アセット パネルから、空のテキストと画像チャートをシートにドラッグします。
  2. テキストと画像チャートをクリックして編集ツール バーを開きます。

  3. テキスト、画像、ハイパーリンク、メジャーをテキストと画像チャートに追加し、書式設定を行います。

ヒント メモアセット パネルのテキストと画像チャートをダブルクリックすると、シートにすぐに追加されます。

テキストと画像オブジェクトのスタイル指定

[詳細オプション] をオンにすると、プロパティ パネルの [外観] に多数のスタイル指定オプションが表示されます。

チャートのスタイル指定をさらにカスタマイズするには、[外観] > [プレゼンテーション] で [スタイル指定] をクリックします。スタイル指定パネルの [一般] および [チャート] タブには、さまざまなセクションが表示されています。

各セクションの横にある をクリックすると、スタイルをリセットできます。[すべてをリセット] クリックすると、スタイル指定パネルで利用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタム スタイル指定の適用」を参照してください。

テキストのカスタマイズ

[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。

チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。

チャートに表示されるテキストのスタイルを指定できます。

  1. [詳細オプション] をクリックします。

  2. プロパティ パネルで、 [スタイル] セクションを展開します。

  3. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

  4. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。

    • タイトル

    • サブタイトル

    • 脚注

背景のカスタマイズ

チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。

  1. [詳細オプション] をクリックします。

  2. プロパティ パネルで、 [スタイル] セクションを展開します。

  3. [スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。

  4. スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。

    情報メモ

    URL から背景画像を追加するには、URL のオリジンをテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。

    詳細については、「CSP エントリの作成」を参照してください。

    背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。

    背景画像を使用する際、画像のサイズや位置を調整できます。

テキストと画像オブジェクトでは、スタイル パネルの外側に背景画像を設定することもできます。この方法で背景画像を設定しても、上記の手順で行った背景の変更が除外されることや無効になることはありません。

  1. [詳細オプション] をクリックします。

  2. プロパティ パネルで、[スタイル] セクションを展開します。

  3. [背景画像] で、[背景画像を使用] をオンにします。

  4. メディア ライブラリから画像を追加します。さまざまなサイズと位置のオプションから選択できます。

境界線と影のカスタマイズ

チャートの境界線と影をカスタマイズできます。

  1. [詳細オプション] をクリックします。

  2. プロパティ パネルで、 [スタイル] セクションを展開します。

  3. [外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。

  4. スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

  5. 境界線の色を選択します。

  6. [角の半径] を調整して、境界線の丸みを制御します。

  7. [一般] タブの [] で、影のサイズと色を選択します。 影を消す場合は、 [None] (なし) を選択します。

リンクの作成

テキスト セクションにマークを付けて、リンク用に使用できます。

プレフィックスを追加しなければ、Web アドレスを追加しているものと想定して http:// が自動的に追加されます。

次の手順を実行します。

  1. リンクに使用したいテキスト セクションを選択します。

  2. 編集ツールバーの リンクされたオブジェクト をクリックして、リンクのダイアログを開きます。

  3. リンク先の Web アドレスを入力します。

  4. リンクされたオブジェクト をクリックします。

リンクの削除

リンクはテキスト セクションから削除できます。

次の手順を実行します。

  1. リンク内にカーソルを置いた状態で、リンクをクリックします。

  2. 編集ツールバーの リンクされたオブジェクト をクリックして、リンクのダイアログを開きます。

  3. 削除 をクリックします。

リンクは削除されますが、テキストは残ります。

画像の追加

編集ツールバーを使用して画像を追加できます。サムネイルには、既定の画像のうちの 1 つを使用することも、独自の画像を使用することもできます。

  1. 編集ツールバーで メディア ライブラリ をクリックします。

    [メディア ライブラリ] が開きます。

    次の形式がサポートされています。pngjpgjpeg、およびgifQlik CloudQlik Sense を使用する場合、メディア ライブラリの [アプリ内] フォルダーに画像をアップロードします。

  2. メディア ライブラリ内の [アプリ内] や [既定] といったフォルダーをクリックします。
  3. 追加したい画像を選択します。

  4. [挿入] をクリックします。

情報メモプロパティ パネルで背景画像を追加し、画像にテキストを挿入したい場合などに使用できます。編集ツールバーで追加された画像は背景画像ではありません。

メジャーの追加

メジャーは以下の方法で追加できます。

  • アセット パネルから項目をドラッグして、メジャーとして追加します。
  • [マスター アイテム] からメジャーをドラッグします。
  • プロパティ パネルからメジャー (既存または新規) を追加します。

メジャーの編集中はトークンとして表示されるため、ビジュアライゼーション内でスタイルの設定や移動ができます。また、数字の書式設定を適用できます。エディタを閉じると、メジャーの値が表示されます。集計できない値は、ハイフン (-) として表示されます。

メジャーの削除

メジャーは以下の方法で削除できます。

  • トークンの前にカーソルを置き、削除ボタンを押します。
  • トークンの後にカーソルを置き、バックスペースを押します。
  • プロパティ パネルで、メジャーを右クリックし、ダイアログで [削除] を選択します。
  • プロパティ パネルで、メジャーをクリックし、[削除削除] をクリックします。

詳細を見る

このページは役に立ちましたか?

このページまたはコンテンツに、タイポ、ステップの省略、技術的エラーなどの問題が見つかった場合は、お知らせください。改善に役立たせていただきます。