Soracom

作成する Dashboad のイメージに近いサンプルダッシュボード (テンプレート) をインポートしてからカスタマイズすると、Dashboard の作成時間を短縮できます。Lagoon では JSON 形式で記述された Dashboad のテンプレートをインポートできます。

ここでは、ソラコムが用意したサンプルダッシュボードをインポートして、サンプルデータソース (Demo) を可視化する Dashboard を作成します。

テンプレートをインポートする

Lagoon コンソールに、ソラコムが用意したテンプレート (サンプルデータソース (1 台) サンプルダッシュボード) をインポートします。

1. サンプルデータソース (1 台) サンプルダッシュボード にアクセスして、[このダッシュボードを使う] をクリックします。

   

2. [クリップボードにコピー] → [SORACOM Lagoon でインポート] の順にクリックします。

   

   サンプルダッシュボードのテンプレート (JSON 形式のデータ) がクリップボードにコピーされ、日本カバレッジの Lagoon コンソールの Import 画面が表示されます。

   JSON 形式のデータをダウンロードすることもできます

   [JSON ファイルとしてダウンロード] をクリックすると、sample-data-one-device-sample_device-1.json がダウンロードされます。このファイルをインポートするには、手順 3 で [Upload JSON file] をクリックします。

   ログイン画面が表示されたときは

   Import 画面の代わりにログイン画面が表示されたときは、日本カバレッジの Lagoon ユーザーのメールアドレスおよびパスワードを入力して、[Log in] をクリックします。

   グローバルカバレッジの Lagoon コンソールの Import 画面を表示するには

   [SORACOM Lagoon でインポート] をクリックすると、日本カバレッジの Lagoon コンソールが表示されます。グローバルカバレッジの Lagoon コンソールの Import 画面を表示するには、グローバルカバレッジの Lagoon コンソールにログイン して、サイドバーの [ (Dashboards)] → [New] → [Import] の順にクリックします。

   

3. [Import via panel json] に、手順 2 でクリップボードにコピーしたテンプレート (JSON 形式のデータ) を貼り付け、[Load] をクリックします。

   Windows の場合は Ctrl + V、Mac OS の場合は ⌘ (Command) + V で貼り付けられます。

   

   Options 画面が表示されます。

   JSON 形式のデータが貼り付けられなかった場合は

   手順 1 からやり直してください。

   JSON ファイルをアップロードするには

   手順 2 で、[JSON ファイルとしてダウンロード] をクリックして、sample-data-one-device-sample_device-1.json をダウンロードした場合は、Import 画面で [Upload JSON file] をクリックして、JSON ファイルを選択します。

4. 各項目を設定します。

   項目	説明
   [Name]	Dashboard の名前を入力します。
   [Folder]	Dashboard を保存する Folder を選択します。
   [Unique identifier (uid)]	空欄のままにします。[Change uid] をクリックして、Dashboard の UID を入力することもできます。既存の Dashboard と同じ UID を指定すると、上書きされます。
   [Harvest]	「Harvest (default)」を選択します。

   

5. [Import] をクリックします。

   テンプレートがインポートされ、Dashboard が表示されます。

   

   「Access denied to this dashboard」と表示されることがあります

   [Folder] で「General」を選択して [Import] をクリックすると、「Access denied to this dashboard」と表示されますが、動作に影響はありません。

   

   このメッセージは SORACOM Lagoon のベースになっている Grafana の仕様に依存するものです。続けてブラウザの再読み込みボタンをクリックすると、Dashboard が表示されます。

参考: サンプルダッシュボードで使用している Panel について

サンプルダッシュボードの Panel の設定について説明します。

温度・湿度: Time series

設定内容は以下のとおりです。設定項目について詳しくは、Time series を参照してください。

• Query A: Demo > Device-1 > Standard > temperature
• Query B: Demo > Device-1 > Standard > humidity
• [Panel options] → [Title]: 温湿度
• [Legend] → [Values]: Mean
• [Standard options] → [Unit]: Celsius (°C)
• Panel の可視化に関する共通オプションの [Overrides]
  • Query A の [Standard options > Display name]: 温度
  • Query B の [Standard options > Display name]: 湿度
  • humidity の [Standard options > Color scheme]: Single color、Blue
  • humidity の [Standard options > Unit]: Humidity (%H)

電池残量: Gauge

設定内容は以下のとおりです。設定項目について詳しくは、Gauge を参照してください。

• Query A: Demo > Device-1 > Standard > battery
• [Panel options] → [Title]: 電池残量
• [Gauge] → [Show threshold labels]: オン
• [Standard options] → [Min]: 0
• [Standard options] → [Max]: 1
• [Value mappings]:

  Condition	Display text
  Range (From Range start: 0、To Range end: 0.3)	低
  Range (From Range start: 0.3、To Range end: 0.7)	中
  Range (From Range start: 0.7、To Range end: 1)	高

• [Thresholds]:

  色	値
  黄色	0.7
  オレンジ	0.3
  赤	Base

海抜: Stat

設定内容は以下のとおりです。設定項目について詳しくは、Stat を参照してください。

• Query A: Demo > Device-1 > Standard > elevation
• [Panel options] → [Title]: 海抜
• [Standar options] → [Unit]: meter (m)
• [Standard options] → [Color scheme]: Yellow-Blue (by value)

位置: Soracom Map Panel

設定内容は以下のとおりです。設定項目について詳しくは、Soracom Map Panel を参照してください。

• Query A: Demo > Device-1 > Map > Latitude: latitude > Longitude: longitude
• [Map Options] → [マップ表示オプション] → [マッププロバイダー]: OpenStreetMap
• [Map Options] → [マップ表示オプション] → [円のサイズの最大値]: 3
• [Map Options] → [クエリ A オプション] → [軌跡を表示]: オン
• [Map Options] → [クエリ A オプション] → [軌跡を表示] → [アニメーション]: オン

データの履歴 : Table (テーブル)

サンプルダッシュボードでは、この Panel の設定は変更していません。設定項目について詳しくは、Table を参照してください。