Soracom

Panel の種類 で「Soracom Dynamic Image Panel」を選択すると、データにあわせて画像を表示できます。

以下の 3 つのモードがあります。

• Dynamic: 画像の URL に、Harvest Data に保存されたデータを含めることで、データにあわせた画像を表示できます。なお、データを URL に含めるときに、数値を丸められます。たとえば、Query の値が 0 ～ 100 の場合、以下のように数値を丸めた上で URL に含めることで、6 種類の画像を表示できます。

  データの例:

  {
    "battery": "72"
  }
  

  データ	丸められた数値	生成されたパス	画像
  0 以上 10 未満	0	http://example.com/images/battery-0.png
  10 以上 30 未満	20	http://example.com/images/battery-20.png
  30 以上 50 未満	40	http://example.com/images/battery-40.png
  50 以上 70 未満	60	http://example.com/images/battery-60.png
  70 以上 90 未満	80	http://example.com/images/battery-80.png
  90 以上 100 未満	100	http://example.com/images/battery-100.png

• Harvest Files: Harvest Data に保存するデータに、Harvest Files のパスを含めることで、Harvest Files に保存された画像を表示します。たとえば、デバイスの状態をアイコンで表示できます。

  データの例:

  {
    "icon": "/status/safe.png"
  }
  

  データ	画像
  /status/safe.png
  /status/alert.png

• URL: Harvest Data に保存するデータに、URL を含めることで、その URL が指し示す画像を表示します。たとえば、デバイスの種類をアイコンで表示できます。

  {
    "icon": "http://example.com/images/power-shovel.png"
  }
  

  データ	画像
  http://example.com/images/power-shovel.png
  http://example.com/images/crane-truck.png
  http://example.com/images/bulldozer.png
  http://example.com/images/dump-truck.png
  http://example.com/images/tractor.png

設定

[Settings]

Dynamic

[変数 {番号}]

値を読み取る系列やしきい値を設定します。

[メトリック]

[全ての画像リンクを表示]

[変数 {番号}] を設定しているときに [全ての画像リンクを表示] をクリックすると、Dynamic および [変数 {番号}] で設定した内容で生成される URL を確認できます。

また、[プレビュー] をクリックすると、生成される URL に画像が存在することを確認できます。

• : 画像が存在します。
• : 画像を読み込み中です。なお、画像が存在しない場合は、Panel に「-1: 予期しないエラーが発生しました」と表示され、それ以降の URL の確認が中止されます。
• : 確認されていません。

Harvest Files

URL