Create a widget
const url = 'https://example.com/v1/widget/';const options = { method: 'POST', headers: {Authorization: 'Bearer <token>', 'Content-Type': 'application/json'}, body: '{"format":"example","custom_min_step":1,"dashboard":"2489E9AD-2EE2-8E00-8EC9-32D5F69181C0","hideable":true,"graph":0,"graph_subtype":0,"grid_height":1,"grid_width":1,"grid_x":1,"grid_y":1,"image":"https://example.com","interval":0,"max_value":1,"metrics":[{"color":"example","id":"2489E9AD-2EE2-8E00-8EC9-32D5F69181C0","metric":"2489E9AD-2EE2-8E00-8EC9-32D5F69181C0","metric_name":"example","metric_name_item":"example","metric_simple_mode_labels":"example","operation":"2489E9AD-2EE2-8E00-8EC9-32D5F69181C0","operation_argument1_value":"example","order":1,"promql_query":"example","legend_template":"example"}],"min_value":1,"order":1,"title":"example","unit":0,"widgetannotations":[{"agent":"2489E9AD-2EE2-8E00-8EC9-32D5F69181C0","description":"example","end_time":"2026-04-15T12:00:00Z","outage":true,"start_time":"2026-04-15T12:00:00Z","title":"example","widget":"2489E9AD-2EE2-8E00-8EC9-32D5F69181C0"}]}'};
try { const response = await fetch(url, options); const data = await response.json(); console.log(data);} catch (error) { console.error(error);}curl --request POST \ --url https://example.com/v1/widget/ \ --header 'Authorization: Bearer <token>' \ --header 'Content-Type: application/json' \ --data '{ "format": "example", "custom_min_step": 1, "dashboard": "2489E9AD-2EE2-8E00-8EC9-32D5F69181C0", "hideable": true, "graph": 0, "graph_subtype": 0, "grid_height": 1, "grid_width": 1, "grid_x": 1, "grid_y": 1, "image": "https://example.com", "interval": 0, "max_value": 1, "metrics": [ { "color": "example", "id": "2489E9AD-2EE2-8E00-8EC9-32D5F69181C0", "metric": "2489E9AD-2EE2-8E00-8EC9-32D5F69181C0", "metric_name": "example", "metric_name_item": "example", "metric_simple_mode_labels": "example", "operation": "2489E9AD-2EE2-8E00-8EC9-32D5F69181C0", "operation_argument1_value": "example", "order": 1, "promql_query": "example", "legend_template": "example" } ], "min_value": 1, "order": 1, "title": "example", "unit": 0, "widgetannotations": [ { "agent": "2489E9AD-2EE2-8E00-8EC9-32D5F69181C0", "description": "example", "end_time": "2026-04-15T12:00:00Z", "outage": true, "start_time": "2026-04-15T12:00:00Z", "title": "example", "widget": "2489E9AD-2EE2-8E00-8EC9-32D5F69181C0" } ] }'Create a new widget.
Authorizations
Section titled “Authorizations”Request Bodyrequired
Section titled “Request Bodyrequired”A ModelSerializer that takes an additional fields argument that
controls which fields should be displayed.
object
0- Line Chart1- Stacked Area Chart2- Pie Chart3- Gauge4- Status History Chart5- Metric Value6- Status8- Text9- Image10- Heatmap Status11- Bar Chart
0- Status Round1- Status Smiley2- Status Image100- Heatmap with Value101- Heatmap with Status
0- 1h2- 6h3- 1d4- 1w5- 1m6- 1y
A ModelSerializer that takes an additional fields argument that
controls which fields should be displayed.
object
object
0- No unit1- %2- byte3- bit4- io/s5- /s6- second7- Custom8- day9- °C10- byte/s11- bit/s12- Hz13- W
A ModelSerializer that takes an additional fields argument that
controls which fields should be displayed.
object
A ModelSerializer that takes an additional fields argument that
controls which fields should be displayed.
object
0- Line Chart1- Stacked Area Chart2- Pie Chart3- Gauge4- Status History Chart5- Metric Value6- Status8- Text9- Image10- Heatmap Status11- Bar Chart
0- Status Round1- Status Smiley2- Status Image100- Heatmap with Value101- Heatmap with Status
0- 1h2- 6h3- 1d4- 1w5- 1m6- 1y
A ModelSerializer that takes an additional fields argument that
controls which fields should be displayed.
object
object
0- No unit1- %2- byte3- bit4- io/s5- /s6- second7- Custom8- day9- °C10- byte/s11- bit/s12- Hz13- W
A ModelSerializer that takes an additional fields argument that
controls which fields should be displayed.
object
Responses
Section titled “Responses”A ModelSerializer that takes an additional fields argument that
controls which fields should be displayed.
object
0- Line Chart1- Stacked Area Chart2- Pie Chart3- Gauge4- Status History Chart5- Metric Value6- Status8- Text9- Image10- Heatmap Status11- Bar Chart
0- Status Round1- Status Smiley2- Status Image100- Heatmap with Value101- Heatmap with Status
0- 1h2- 6h3- 1d4- 1w5- 1m6- 1y
A ModelSerializer that takes an additional fields argument that
controls which fields should be displayed.
object
object
0- No unit1- %2- byte3- bit4- io/s5- /s6- second7- Custom8- day9- °C10- byte/s11- bit/s12- Hz13- W
A ModelSerializer that takes an additional fields argument that
controls which fields should be displayed.
object
Example
{ "graph": 0, "graph_subtype": 0, "interval": 0, "unit": 0}