お手元のデータで実際の動きを確認したい場合は、無料評価版をお試しください。

概要

イメージウィジェットを使用して、ダッシュボードにイメージを追加します。




イメージの追加方法

  1. 画面の左側で「イメージ」ボタンをクリックします。



  2. (インスタンスに既にイメージが存在する場合は)パネルが展開してイメージが表示されます。または、新規イメージを追加します。
  3. ダッシュボードに、「新規イメージ追加」ウィジェットをドラッグします。



  4. イメージ管理が開きます。既存のイメージを選択して、ダッシュボードに追加します。



  5. または、新規イメージを追加します。イメージ管理で「追加」ボタンをクリックします。
  6. 表示されるポップアップで、イメージをドラッグするか、クリックをして追加するイメージを閲覧し、選択します。



  7. プロパティパネルから、イメージウィジェットをカスタマイズできます。このパネルはイメージウィジェットを選択することで、画面の右側に表示されます。より詳細な情報は、以下のプロパティ項目を参照してください。
  8. このイメージがクリックされたときにトリガーになるアクションイベントを追加することもできます。
  9. 右クリックをして表示されるメニューを使用することで、さらなるオプションを利用できます。メニューオプションについて、より詳細な情報は、こちらを参照してください。




イメージウィジェットのプロパティ



プロパティの名前説明
不透明度選択した図形の(内側の)色の不透明度を指定します。数字が大きいほど、色が濃くなります。

サイズと位置

Xダッシュボードキャンバスに正確に配置するために、イメージウィジェットの左上隅のX座標を指定します。
Yダッシュボードキャンバスに正確に配置するために、イメージウィジェットの左上隅のY座標を指定します。
イメージウィジェットの幅をピクセル単位で指定することで、正確にサイズを変更します。
高さイメージウィジェットの高さをピクセル単位で指定することで、正確にサイズを変更します。
角の丸みこちらのオプションは、テキストウィジェットの境界線の角の丸みを定義します。ヒント:角の丸みを最大にするには、ウィジェットの高さの半分の値を設定します。例えば、高さが130ピクセルの場合、角の値を65ピクセルに設定します。さらに、角の値を65より大きくしたとしても、今回の例ではそれ以上の効果はありません。
回転選択したイメージウィジェットを右回りに回転する角度を指定します。
アスペクト比

こちらのトグルを有効にして、アスペクト比を維持します。これにより、イメージのサイズを拡大したり、縮小したりしても、その形状が維持されます。(幅と高さの関係)

こちらが無効の場合、イメージは横、または縦方向に引き伸ばされます。

ウィジェットを固定こちらのトグルを有効にして、イメージの位置を固定します。これにより、イメージの移動やサイズの変更はできなくなります。これは、キャンバス上で複数のウィジェットを選択する場合にも適用されます。固定したイメージウィジェットは、影を追加したり、背景色を設定するなど、引き続きカスタマイズできることに注意してください。
背景の書式
背景色イメージウィジェットの背景色を指定します。
不透明度イメージウィジェットの背景色の透明度を指定します。
内側の余白の詳細設定こちらのオプションを有効にすることで、余白のカスタマイズや、ウィジェットの周りのバッファをピクセル単位で定義します。これには、ウィジェットの両側の余白が含まれます。無効の場合、全体的な余白サイズを定義できます。
内側の余白:上内側の余白の詳細設定が有効な場合、ウィジェットの上部に追加する余白を定義します。
内側の余白:下内側の余白の詳細設定が有効な場合、ウィジェットの下部に追加する余白を定義します。
内側の余白:右内側の余白の詳細設定が有効な場合、ウィジェットの右側に追加する余白を定義します。
内側の余白:左内側の余白の詳細設定が有効な場合、ウィジェットの左側に追加する余白を定義します。
内側の余白

図形ウィジェットの全体的な余白サイズを定義します。このサイズはピクセル単位で定義され、ウィジェットの各サイドで一定になります。任意のサイドに異なる余白サイズを設定する場合は、内側の余白の詳細設定を有効にします。

境界線の幅

ウィジェットの境界線の太さを指定します。

注意:境界線を表示するには、3つの境界線プロパティすべてに値を定義しなくてはいけません。

境界線のスタイルウィジェットの境界線のスタイルを選択します。選択肢は、次の通りです。破線、実線、点線など。
境界線の色ウィジェットの境界線の色を指定します。
影のX方向の位置こちらのオプションは、そのサイズをピクセル単位で定義することで、X方向に影を投影します。
影のY方向の位置こちらのオプションは、そのサイズをピクセル単位で定義することで、Y方向に影を投影します。
影のぼかしこちらのオプションは、影の鮮明さを定義します。値が小さくなるにつれて、鮮明さが増し、影が濃くなります。影をぼかす場合は、大きな値を定義します。
影の色こちらのオプションは、影に色を設定します。影を表示するためには、必ずこちらを設定しなくてはいけません。
アクション
クリックイベント

選択したウィジェットがクリックされたときに、トリガーになるイベントを選択します。イベントの選択肢は、次の通りです。

  • なし:ウィジェットをイベントのトリガーにしない場合は、こちらを使用します。
  • 次のサブタブ:同じダッシュボード内で次のタブへ移動します。
  • 前のサブタブ:同じダッシュボード内で前のタブへ移動します。
  • フィルターのリセット:フィルター選択をクリア、またはデフォルト値が設定されている場合は、フィルターをデフォルト値にリセットします。
  • ダッシュボードのリセット:ユーザーが実行したすべてのインタラクションのクリアや、適用されたすべてのフィルターを削除することで、ダッシュボードを更新します。
  • レポートへ移動:指定したレポートへ移動します。移動先のレポートは、レポートUUIDを提供することで、指定できます。
  • サブタブへ移動:同じダッシュボード内で、順序が指定された任意のサブタブへ移動します。例えば、四番目のサブタブへ移動するには「サブタブ#」項目に4と入力します。サブタブの順序は、1から始まる点に注意してください。
  • URLへ移動:指定されたURLを使用して、外部リンク、またはページへ移動します。リンク先を新しいタブやウィンドウ、または現在のウィンドウに開くことができます。(より詳細な情報は、以下URLおよびターゲット設定項目を参照してください。)
レポートIDレポートへ移動」クリックイベントを使用してレポートへ移動する場合は、移動先レポートのUUIDを提供します。
サブタブ#サブタブへ移動」クリックイベントを使用してサブタブへ移動する場合は、サブタブの順序を入力します。
URLURLへ移動」クリックイベントを使用して外部ページへ移動する場合は、ページの完全URLを提供します。
ターゲット

URLへ移動」クリックイベントを使用して外部ページへ移動する場合は、ページターゲットを指定します。選択肢は、次の通りです。

  • 新規タブ/ウィンドウ:使用しているブラウザ設定に応じて、URLページを新しいタブ、またはウィンドウに開きます。注意:大部分のブラウザのデフォルトはウィンドウですが、コンピューターのショートカットを使用して、新規タブに開くこともできます(Windowsの場合はCtrl、Macの場合はCmd)。
  • 現在のウィンドウ:現在のウィンドウにページを開きます。
  • 親フレーム:YellowfinがiFrameとして組み込まれている場合、新規ページは親フレーム内で開きます(つまり、そのコンテンツが表示されます)。親フレームとは、Yellowfinフレームが組み込まれいてるフレームです。
  • 現在のフレーム:YellowfinがiFrameとして組み込まれている場合、URLページのコンテンツは現在のフレームに開きます。現在のフレームとは、Yellowfinを組み込んでいるフレームです。