...
| Code Block | ||||
|---|---|---|---|---|
| ||||
{
"name": "Weather in Gold Coast, AU",
"data_source_type" : "remote_json",
"model_view" : "opmantek-remote-json",
"options": {
"titleText": "Weather in Gold Coast, AU"
},
"remote_paramaters": {
"pagination": "client",
"url": "https://api.openweathermap.org/data/2.5/forecast?id=2165087&APPID=__YOUR__API__KEY__&units=metric",
"data_key": "list"
},
"table_schema": [
{ "name": "dt",
"label": "Timestamp",
"cell": "String",
"formatter": "UnixTime",
"editable": false
},
{ "name": "wind.speed",
"label": "Wind Speed",
"cell": "ColouredByLevel",
"levels": ["red", 75, "orange", 50, "yellow", 25, "green", 0],
"editable": false
},
{ "name": "main.temp",
"label": "Temp",
"cell": "ColouredByLevel",
"editable": false,
"levels": ["red", 30, "orange", 25, "yellow", 18, "green", 0]
},
{ "name": "wind.deg",
"label": "Wind Direction",
"cell": "String",
"editable": false
},
{ "name": "main.pressure",
"label": "Pressure",
"cell": "String",
"editable": false
},
{ "name": "main.humidity",
"label": "Humidity",
"cell": "ColouredByLevel",
"levels": ["red", 75, "orange", 50, "yellow", 25, "green", 0],
"editable": false
},
{ "name": "weather.0.description",
"label": "Forcast",
"cell": "String",
"editable": false
}
]
}
|
Pie Chart
Showing your own data in the pie chart
| Code Block | ||||
|---|---|---|---|---|
| ||||
{
"replyData": {
"data": [{
"name": "irukandji.opmantek.com:magni.opmantek.com:UDP:32760",
"y": 56.17
}, {
"name": "Other",
"y": 14.18
}, {
"name": "magni.opmantek.com:irukandji.opmantek.com:UDP:32760",
"y": 10.35
}, {
"name": "vgw120-example.com:auto-141.opmantek.com:trivnet1",
"y": 4.82
}, {
"name": "auto-119.opmantek.com:ec2-0.0.0.0.compute-1.amazonaws.com:UDP:45056",
"y": 3.6
}, {
"name": "auto-141.opmantek.com:vgw120-example.com:trivnet1",
"y": 3.25
}, {
"name": "magni.opmantek.com:192.168.1.1:UDP:32760",
"y": 2.39
}, {
"name": "magni.opmantek.com:kraken.opmantek.com:UDP:32760",
"y": 1.84
}, {
"name": "vali.opmantek.com:10.152.0.10:http",
"y": 1.77
}, {
"name": "kraken.opmantek.com:magni.opmantek.com:UDP:32760",
"y": 1.63
}]
}
} |
Example component definition to show a pie chart from opFlow
...