...
| 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
Example component definition to show a pie chart from opFlow
| Code Block | ||||
|---|---|---|---|---|
| ||||
// VERSION=1.05.0
{
"name": "Pie TopN - Agent asgard",
"data_source_type" : "remote_json",
"model_view" : "opmantek-pie",
"options": {
"titleText": "Pie TopN - Agent asgard"
},
"remote_paramaters": {
"auth_type": "omk_token",
"url": "http://example.opmantek.com/en/omk/opFlowSP/agent/192.168.88.254/interface/2/data_model_view.json",
"requestData" : {
"data_source": "",
"dataset_id": 0,
"model": "opFlow_flows_summary",
"model_group": 1,
"model_view": "pie",
"parameters": {
"agent" : "5db27d6a731c248b9b953e0a",
"axis": 0,
"end_date_raw": null,
"field": null,
"filter": null,
"graph_type": null,
"group_by": ["src_ip", "dst_ip", "application"],
"groupby": ["dnsname_src_ip", "dnsname_dst_ip", "application"],
"interfaces" : {
"out" : [
"5db27d6a731c248b9b953e1c"
],
"in" : [
"5db27d6a731c248b9b953e18"
]
},
"lineType": "line",
"summarise": 300,
"summary_field": "octets",
"topn": 10,
"value_column": "octets"
},
"translations": [{
"name": "topn",
"parameters": {
"key_columns": ["src_ip", "dst_ip", "application", "app_port"],
"summary_kvps": ["application", 0, "octets", 2, "packets", 2, "flows", 2, "app_port", 0],
"topn": 10,
"value_column": "octets"
}
}, {
"name": "apply_dnsname",
"parameters": {}
}]
}
},
"private": {
"token": "whateverSuitsU!"
}
} |
How to use the widget
The first step to create a new component is to add the json descriptor file in the path (A content example can be seen in the example above):
...