Soracom Dynamic Image Panel
Panel の可視化の種類 を Soracom Dynamic Image Panel とすると、データに応じて表示する画像を動的に変更できます。
- 可視化するデータの選択は Query を使用します。
- 可視化する前にデータの加工ができます。
- Expression 機能: 演算や再集計などができます。
- Transformation 機能: 表示する系列のフィルタリング、グルーピング、四則演算などができます。
以下の 3 つのモードがあります。
- Dynamic: デバイスから Harvest Data に格納されたデータを変数として URL を生成し、閾値を設定することで表示する画像を動的に変更できます。
- Harvest Files: デバイスから Harvest Files へ送信した画像を表示します。Harvest Data へ格納されている画像ファイルのパスを送信すると、そのパスの画像を表示します。
- URL: デバイスから Harvest Data へ送信した URL にある画像を表示します。Harvest Data へ画像ファイルの URL を送信すると、その URL の画像を表示します。
Harvest Data へのデータやファイルの送信方法は以下のドキュメントを参照してください。
- Getting Started: Harvest Data でデバイスのデータをクラウドで収集・取得・可視化する
- Getting Started: デバイスのファイルを Harvest Files に送信する
実際の設定方法は Lagoon Classic と同等になりますので パネルリファレンス: SORACOM Dynamic Image パネル も参照してください。
設定
Settings
- : 設定を表示する言語を選択します。
- : 上記の 3 モードを選択します。以下にモードごとの設定項目を説明します。
Dynamic
- prefix は
https
から入力してください。suffix は任意ですが、通常は画像の拡張子 (.png
など) を入れるとよいでしょう。 - 後述の
prefix${1個目の変数の値}-${2個目の変数の値}(...-${n個目の変数の値})suffix
で選択した変数に応じて以下のような URL の画像へアクセスする形になります。
: 背景として表示する画像の URL の prefix および suffix を入力します。- prefix は
- : 画像の縦横比を維持するかを指定します。
- : タイムスタンプを付与するかを指定します。
- : 画像のアクセスに基本認証が必要な場合はユーザー名とパスワードを指定します。
- : 変数名を指定します。
0
、 を100
とし、 を50
にセットした場合、クエリ A の結果の値が〜24 のときに0
、25〜74 のときに50
、75 以上のときに100
に丸められます。- : 値の最小値を指定します。
- : 値の丸めのステップを指定します。
- : 値の最大値を指定します。
: 値を丸めるかを指定します。たとえば を
: URL の生成に使用する変数を追加します。複数の変数が使用できます。- : 生成された URL へアクセスできるかを確認できます。
: 上記の変数を使用して生成される画像 URL を確認できます。
Harvest Files
- : Harvest Files に格納された画像ファイルのパスが格納されているフィールドを指定します。
- : 画像の縦横比を維持するかを指定します。
- : タイムスタンプを付与するかを指定します。
Harvest Files との連携については SORACOM Harvest Files の画像を SORACOM Lagoon で表示する も参照してください。
注意
Snapshot では、Harvest Files の画像を表示できません。
注意
Dashboard 時間範囲の最新データの URL を参照します。時間範囲内にデータが存在しない場合は画像が表示されません。
時間範囲の設定方法は Dashboard で表示する時間範囲を設定する を参照してください。
URL
- : 画像ファイルの URL が格納されているフィールドを指定します。
- : 画像の縦横比を維持するかを指定します。
- : タイムスタンプを付与するかを指定します。
- : 画像のアクセスに基本認証が必要な場合はユーザー名とパスワードを指定します。
注意
Dashboard 時間範囲の最新データの URL を参照します。時間範囲内にデータが存在しない場合は画像が表示されません。
時間範囲の設定方法は Dashboard で表示する時間範囲を設定する を参照してください。