30日間の無料評価版をお試しいただけます。

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

...

Table of Contents
classcontents

概要

イメージボタンを使用して、ダッシュボードにイメージを追加します。サポートしているイメージ形式は、以下の通りです。

  • GIF(静止画およびアニメーション両方)
  • PNG
  • JPEG
  • PSD - Adobe Photoshop ドキュメント
  • TIFF - Aldus/Adobe タグ付きイメージファイル形式
  • PNM - NetPBM Portable Any Map
  • PCX - ZSoft Paintbrush形式
  • PICT - Apple Mac Paint Picture形式
  • SGI - Silicon Graphics イメージ形式
  • TGA - Truevision TGA イメージファイル
  • ICNS - Apple アイコンイメージ
  • ICO & CUR - MS Windows アイコンおよびカーソル形式
  • Thumbs.db - MS Windows Thumbs DB
  • SVG - スケーラブルベクターグラフィックス
  • BMP - MS Windows/IBM OS/ 2つのデバイスに依存しないビットマップ
  • WBMP

その他のファイル形式でも使用できる場合があります。

イメージ選択オプション

イメージウィジェットを使用して、ダッシュボードにイメージを追加します。イメージは様々な方法で挿入することができます。

Image Added


機能説明

Image Added

このドロップダウンを使用してフィルタリングをすることで、最近アクセスしたイメージ、ログインしたユーザーによりアップロードされたイメージ(個人用イメージ)、共有イメージとして保存されたイメージを表示します。

Image Added

検索バーを使用して、イメージの一覧を絞り込むことができます。イメージのライブラリを構築し、何を探しているのかを把握している場合は便利です。テキストを入力してエンターキーを押下すると、検索結果が表示されます。

Image Added

新しいイメージをアップロードするには、このボタンをクリック、またはドラッグします。ボタンをクリックして、アップロードするイメージを選択した後に、サイズの変更やトリミングをすることができます。また、今後の検索で使用する名前や説明を追加することもできます。

Image Added

既存のイメージの右上にカーソルを移動し、青い円をクリックすると、イメージを拡大表示できます。また、イメージを表示および編集し、必要に応じて削除することもできます。

ここから、使用するイメージをクリックして、ダッシュボードキャンバスにドラッグできます。

Image Added

上記の操作すべてを「イメージ管理」で実行できます。イメージ管理では、各イメージの並び順や表示情報を変更することもできます。より詳細な情報は、こちらを参照してください。

イメージの保存、アクセス、可視性

イメージをアップロードすると、「個人用イメージ」と呼ばれる各ユーザー固有のディレクトリに保存されます。各ユーザーの個人用イメージに他のユーザーはアクセスすることができません。そのため、イメージ管理内で他のユーザーがこれを編集をしたり、閲覧したりすることはできません。ただし、プレゼンテーション、またはダッシュボードに公開されたイメージは、他のコンテンツと同様に表示されます。

共有イメージ設定権(より詳細な情報は、こちらのページのシステム管理項目を参照)を付与されたユーザーは、イメージファイルを個人用イメージディレクトリに保存するか、共有イメージ領域に保存するかを選択することができます。共有イメージにイメージを保存することで、これは他のユーザーにも表示されるようになり、彼ら独自のダッシュボードやプレゼンテーション、ストーリーに使用することができます。また、共有イメージ設定権を付与されたユーザーは、イメージを個人用イメージディレクトリから共有イメージ領域に移動することができます。共有イメージ領域に保存されたイメージは、個人用イメージに移動することはできません。


...

新規イメージの追加方法

Styleclass
ClasstopLink

ページトップ

...

Image Removed

...

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

    Image Added

    パネルが展開し、検索可能なイメージの一覧と、必要に応じて新規イメージを追加するボタンが表示されます。
    Image Added

  2. イメージを追加」ボタンをドラッグします。

    Image Added


  3. イメージアップロード」画面が開き、ファイルをドラッグ&ドロップするか、ご利用のコンピューターからアップロードすることができます。

    Image Added

  4. ファイルをアップロードすると、プレビューが表示されます。イメージのサイズを変更してトリミングしたり、名前や説明を追加できます。

    Image Added

  5. 準備が整ったら、ドロップダウンをクリックして、保存する場所を選択します。デフォルトでは、ユーザー独自の保存領域である「個人用イメージ」というフォルダーに保存されます。他のユーザーとイメージを共有する場合は、「共有イメージ」フォルダーを選択します。

    Image Added

    注意:共有イメージは、デフォルトでは、すべてのユーザーロールに対して閲覧のみに設定されています。これをアクセス可能にするためには、システム管理者はロールの変更をする必要があります。ロール設定画面で「システム管理」項目を展開し、「共有イメージ設定権」のチェックボックスにチェックを入れます。
  6. イメージ保存」ボタンをクリックします。
    イメージがワークスペースに自動的に追加されます。

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


...

ひとつのイメージを別のイメージに置き換える方法

既存のイメージのプロパティを失うことなく、あるイメージを別のイメージに置き換えたい場合があるかもしれません。イメージプロパティには、イメージ名、サイズ、不透明度、位置、背景色、境界線、余白などがあります。既存のイメージのプロパティを維持するためには、「イメージを置き換える」オプションを使用します。


  1. 既存のイメージをクリックします。今回の例では、いくつかのプロパティを設定して説明していきます。詳細は、右側のイメージプロパティパネルを参照してください。

    Image AddedImage Added

  2. イメージを右クリックして、ポップアップメニューを表示します。

    Image Added

  3. イメージを置き換える」をクリックして、イメージ管理を表示します。
  4. イメージ一覧から置き換えるイメージを探すか、新規イメージをアップロードして、これをクリックします。
    古いイメージが新しいイメージに置き換わります。

    Image AddedImage Added

  5. イメージプロパティパネルを確認します。前のイメージで設定したプロパティがそのまま維持されるため、イメージのサイズが異なる場合は、引き延ばされて表示されるかもしれません。
  6. イメージが歪んで表示される場合は、右クリックをして、ポップアップメニューから「イメージサイズをリセット」をクリックします。イメージは、他のプロパティを失うことなく、元のサイズにリセットされます。

    Image Added


...

新しいイメージでひとつのイメージを一括して置き換える方法

イメージが複数箇所で使用され、これを一括して更新したい場合、イメージ管理から古いイメージを新しいイメージへ置き換えることができます。これにより、ダッシュボード、ストーリー、プレゼンテーション、その他のコンテンツなど、イメージが表示されている場所でこれを瞬時に置き換えることができます。以下の手順では、様々なダッシュボードに表示されているこちらのイメージを使用しています。以下の例では、小さな会社ロゴがイメージ上に表示されています。
Image Added

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

    Image Added

    パネルが展開し、検索可能なイメージの一覧が表示されます。

    Image Added

  2. 右上のイメージ管理 >ボタンをクリックします。

    Image Added

  3. 一括して置き換えたいイメージへ移動し、マウスオーバーします。
  4. 右上隅に表示される青い丸をクリックします。

    Image Added

    イメージの詳細が表示されます。

    Image Added

  5. ポップアップ下部にあるリプレイスリンクをクリックし、イメージアップロード画面を表示します。こちらにファイルをドラッグするか、コンピューターからアップロードすることができます。

    Image Added

  6. 新しいイメージをアップロードし、利用可能なツールを使用して新しいイメージを調整し、設定をします。

    Image Added

  7. 準備が整ったら、イメージ保存ボタンをクリックします。
    古いイメージは、すべてのYellowfin コンテンツで新しいイメージに置き換えられます。

    Image Added


...

イメージのプロパティ

Styleclass
ClasstopLink

ページトップ

...

オプション

レポートポートレットのドロップダウンメニューにアクセスします(以下を参照して下さい)。

Image Removed

表示の切り替え

複数のビューが利用可能な場合、ダッシュボードに表示するグラフと表を切り替えます。

Image Removed

最大化

ダッシュボードから離れて、レポートプレビューページで、レポートを開きます。

Image Removed

削除

ダッシュボードタブから、レポートを削除します。

Image Removed

ドロップダウンメニュー

Styleclass
ClasstopLink

ページトップ

レポートポートレットメニューは、タブ上のレポート表示を管理するオプションを提供します。
Image Removed

有効化されたタブのレポートオプション

タブが有効化されている場合は、以下のオプションを使用することができます。

    • レポートを表示 – ダッシュボードから離れて、レポートプレビューページで、レポートを開きます。
    • 印刷 – 印刷プレビューページを表示します。
    • エクスポート – 様々な形式で、レポートをエクスポートします。
    • 共有 – 他のユーザーやグループに、レポートを配信します。
    • 情報 – レポートに関連するサマリー情報を表示します。

ドラフト(編集中)タブのレポートオプション

タブがドラフト(編集中)モードの場合、以下のオプションを使用することができます。

    • デフォルト表示 – レポートでデザインされた表示に応じて、タブ上にデフォルトで表示されるレポートの形式を選択します。
      • サマリーとグラフ
      • グラフ
      • サマリー
    • レポートを表示 – ダッシュボードから離れて、レポートプレビューページで、レポートを開きます。
    • 印刷 – 印刷プレビューページを表示します。
    • 削除 – ダッシュボードタブから、レポートを削除します。
    • エクスポート – 様々な形式で、レポートをエクスポートします。
    • 共有 – 他のユーザーやグループに、レポートを配信します。
    • 情報 – レポートに関連するサマリー情報を表示します。

移動とサイズ調整

Styleclass
ClasstopLink

ページトップ

ダッシュボードタブがドラフト(編集中)モードの場合、レポートポートレットでは書式設定オプションを使用することができます。

ポートレットの移動

ダッシュボードタブのレイアウトテンプレート上で、ポートレットを異なるエリアに移動する場合は、以下の手順を実行します。

  1. タブをドラフト(編集中)モードにします。
  2. タブの左上にある点のグリッドにマウスオーバーします。
  3. タブ上の移動したいエリアへ、ポートレットをドラッグします。

Image Removed

ポートレットのサイズ調整

ポートレットのサイズを調整するためには、以下の手順を実行します。

  1. タブをドラフト(編集中)モードにします。
  2. ポートレットの下部にマウスオーバーします。
  3. バーを上下に動かして、サイズを調整します。

Image Removed

...


Section


Column
width35%

Image Added


Column


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

サイズと位置

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を組み込んでいるフレームです。





horizontalrule

Styleclass
ClasstopLink

ページトップ