Simple Linear Graph widget

Simple Linear Graph widget は、シンプルなリニア・グラフを表示するウィジェットです。

ワイヤリング

Data in: 入力データを受信するエンドポイントです。入力データは、軸設定、データ、送信終了の3種類を順番に送信します。送信データは、JSON 形式のテキストなので、JSON オブジェクトを JSON.stringify したデータを送信する必要があります。

入力データ例

軸設定

{
  "axisConfig": [
    {
      "axisId": 0,
      "label": "Watt Per Hour",
      "color": "#00A8F0",
      "max": 5000,
      "min": 0,
      "ticks": [0, 2500, 5000]
    },
    {
      "axisId": 1,
      "label": "Volt Ampere Reactive Per Hour",
      "color": "#93a600",
      "max": 3000,
      "min": 0,
      "ticks": [[0, "-----------"], 500, 1000, 1500, 2000, 2500, 3000]
    }
  ],
  "title": "sensorId"
}

{

"axisConfig": [

{

"axisId": 0,

"label": "Watt Per Hour",

"color": "#00A8F0",

"max": 5000,

"min": 0,

"ticks": [0, 2500, 5000]

{

"axisId": 1,

"label": "Volt Ampere Reactive Per Hour",

"color": "#93a600",

"max": 3000,

"min": 0,

"ticks": [[0, "-----------"], 500, 1000, 1500, 2000, 2500, 3000]

}

"title": "sensorId"

}

データ

[
  { "id": 0, "value": [0, 100], "label": "Active Power", "axis": 1},
  { "id": 1, "value": [0, 500], "label": "Reactive Power", "axis": 2},
  { "id": 0, "value": [1000, 4000], "label": "Active Power", "axis": 1},
  { "id": 1, "value": [1000, 2000], "label": "Reactive Power", "axis": 2},
  { "id": 0, "value": [2000, 3000], "label": "Active Power", "axis": 1},
  { "id": 1, "value": [2000, 200], "label": "Reactive Power", "axis": 2},
  { "id": 0, "value": [3000, 10], "label": "Active Power", "axis": 1},
  { "id": 1, "value": [3000, 200], "label": "Reactive Power", "axis": 2}
]