表示するデータの配置#

表示したいデータをパネルにバインドします。

パネルの構成#

パネルとは、ビジュアルパーツが表示される領域です。個々にビジュアルパーツを設定でき、表示サイズを変更できます。

../_images/image120.png
1 Edge Name

パネルにバインドするエッジの名前。 エッジは「プロジェクト内での名前」で表示されます。 edge-switcher-green-icon が表示されている場合は、Edge Switcherを使った切り替えが可能であることを表します。

2 Panel Name

パネルの名前。設定されていない場合、バインドされた一つ目のデータ名が表示されます。

3 表示エリア

設定されたビジュアルパーツやデータの数値を表示するエリア。ビジュアルパーツの種類によって表示形式が異なります。

4 タイムスタンプ

データ取得時刻を表示します。

データをバインドする#

スクリーンには、ビジュアルパーツを160個（横16 x 縦10）まで配置することができます。

パネルを作成する#

スクリーンパネル上で作成したい箇所のパネルを選択し、[1×1]または[2×2]を選択します。

../_images/image121.png

次の画像の例では「2×2」は選択可能となります。

../_images/image122.png

次の画像は「2×2」パネルを作成できない2つの例です。

../_images/image123.png

1 必要なスペースに他のパネルが設定されている場合

2 ウィンドウの右端または最終行のための必要なスペースが確保できない場合

  1. Panel Settingsの[Data Binding]を選択します。

  2. [Select Edge]をクリックし、リストからエッジを選択します。

    Global Project以外のプロジェクトでは、エッジは「プロジェクト内での名前」で表示されます。

    ../_images/image124.png

    注釈

    Edge Switcher機能を有効にしている場合は、ここで[Set by Edge Switcher]を選択することができます。 [Set by Edge Switcher]を指定すると、画面下の edge-switcher-icon ボタンでエッジを切り替えることができます。

  3. エッジがセットされたら、Select Dataのリストからデータを選択します。

    ../_images/image125.png

  4. エッジとデータのセットが完了したら[x]をクリックしてウィンドウを閉じます。

  5. [x]をクリックしてPanel Settingsウィンドウを閉じます。

ビジュアルパーツを選択する#

Panel Settingsの[Visual Parts]ボタンをクリックし、一覧から選択します。

../_images/image127.png

注釈

ビジュアルパーツの検索

Visual Partsは名前やカテゴリー名で検索することができます。

../_images/visual-parts-filter-by-name.png

Edge Switcherによるエッジの切り替え#

Edge Switcherを使用すると、どのエッジから送信されているデータを表示するかを簡単に切り替えることができます。

注釈

本機能を使用するには、 misc-icon MiscメニューでEdge Switcherを有効化してください。

エッジを切り替えられるようにしたい場合は、ビジュアルパーツ上でデータ送信元を選択する際に、[Set by Edge Switcher]を指定します。

../_images/set-by-edge-switcher.png

これにより、画面下部の edge-switcher-icon (Edge Switcher)ボタンを使って簡単に送信元エッジを切り替えられるようになります。

../_images/edge-switcher-select-edge.png

Panel Settings#

パネルの左上のエリアを選択し、Panel Settings画面の項目を設定します。

../_images/image133.png
1 Panel Name

パネルに表示する名前を入力します。空欄の場合は、データ名が表示されます。

2 Visual Parts

ビジュアルパーツを選択します。

3 Data Binding

データ取得元EdgeとDataを選択します。

4 Rendering Speed

パネル単位でパーツを描画する間隔の変更ができます。 小さくすることでPCへの負荷を抑えることが期待できます。

複数のデータをバインドする#

ビジュアルパーツによっては、複数のデータをまとめて表示できます。 ビジュアルパーツによって、バインドできる最大データ数が違います。

複数のデータを設定したいパネルのPanel Nameを選択します。

Panel Settingsから[Add New Data]ボタンを選択し、データを設定します。

../_images/image134.png

Panel Settings画面の[x]を選択またはPanel Settings画面以外の場所を選択し、Panel Settings画面を閉じます。

Quick addによる連続選択#

複数の計測データを表示可能なビジュアルパーツはDataを連続でバインドできます。

  1. [Panel Name]を選択します。

  2. [Quick add]を選択すると、Data とEdgeの選択ウィンドウを表示させたまま複数のDataを連続選択できます。

    ../_images/image135.png

バインドされたデータの並べ替え#

ドラッグ＆ドロップでデータの並び替えをできます。

入れ替え（カードの上にドロップします）

../_images/image136.png

割り込み（カードの隙間にドロップします）

../_images/image136.png

注釈

追加したData Bindingを削除するには

Panel SettingのData Bindingで、削除したいデータの[x]をクリックします。

../_images/image138.png

パネルサイズを変更する#

パネルをマウスオーバーした際に表示される端のガイド点をドラッグすることでパネルサイズを変更できます。

../_images/image139.png

全画面表示に切り替える#

パネル左端下にある enlarge-icon ボタン押下でパネルを拡大・縮小できます。

../_images/image141.png

パネル位置を変更する#

パネルをスクリーンの空白位置にドラッグ&ドロップすることでパネルの位置を変更できます。

../_images/image142.png

パネルを入れ替える#

設定済みのパネルにドラッグ&ドロップすることでパネルを入れ替えます。

../_images/image143.png

パネルをコピーする#

Altキー(Macの場合optionキー)を押下しながらパネルをドラッグ&ドロップします。 設定済みのデータおよびオプション設定等がすべてコピーされます。

../_images/image144.png

パネルを削除する#

削除したいパネルにマウスオーバーし、表示された select-icon を選択します。

パネルオペレーションツールの[Delete Panel] trash_can-icon を選択します。

../_images/image149.png

注釈

パネル矩形選択

パネル間の隙間またはBlankパネルからマウスドラッグ操作にて、矩形選択が可能です。範囲内のパネルが全て選択されます。

すべてのパネルを削除する場合は、パネルオペレーションツールの[Select All Panel] select-panel-icon を選択し、[Delete Panel] trash_can-icon を選択します。

../_images/image147.png

エッジを一括変更する（Replace Edge）#

タイムラインとパネルに設定されているデータ送信元エッジを、一括で変更することができます。

  1. パネルオペレーションツールの[Replace Edge] replace_edge-icon をクリックします。

  2. 置換対象のエッジ名（Replace:）と、新たに設定したいエッジ名（With:）を選択し、[Replace]をクリックします。

以下の例では、「edge01」のデータを表示しているすべてのタイムラインとパネルについて、「test-edge」のデータを表示するように変更します。

../_images/image150.png

注釈

本機能は、新しいスクリーンを作成する際、既存のスクリーンを複製してエッジのみを差し替えるのに主に使用します。 頻繁にエッジを切り替えたい場合は、 Edge Switcher を使用してください。

エラー表示#

パネルでのエラー#

パネルでエラーが発生すると、パネルにメッセージが表示されます。

../_images/panel-error-example.png
Set bind data

データがバインドされていません。データをバインドしてください。

Set edge or data

EdgeかDataが設定されていません。EdgeとDataを設定してください。

Data not loaded yet

データがロードされていません。再度データをロードしてください。

Panel Error

本来想定していない形式のDataがBindされています。カスタマーサポートに連絡してください。

スクリーン全体のエラー#

一定のビジュアルパーツの組み合わせやビジュアルパーツ単体では処理できないエラーの場合は、スクリーンのみへの影響の場合は、スクリーン全体にエラーが表示されます。

../_images/image155.png

ブラウザー全体でのエラー#

全体へ影響される場合は、ブラウザー全体でエラーを表示します。

../_images/image156.png

閾値を超えたときの表示#

データ自体が設定された閾値を超える場合、パネルで閾値エラーが表示されます。 複数データの場合、1つのデータが閾値を超えてもエラー表示になります。

※ LINE Graphは閾値エラーをサポートしません。

../_images/threshold-error.png