Диаграммы: различия между версиями
ENetrebin (обсуждение | вклад) (Новая страница: «После определения собственных показателей вы можете настроить способ их отображения на...») |
ENetrebin (обсуждение | вклад) |
||
| Строка 184: | Строка 184: | ||
<code>}</code> | <code>}</code> | ||
Сначала определите одну серию диаграмм. Не забудьте сопоставить <code>key</code>поле с <code>key</code>значением, определенным в определении таймсерии в <code>metrics</code>разделе. Затем добавьте свою серию в определения диаграмм. Обратите внимание, что вы можете использовать любые серии в одной диаграмме. Вы также можете дать названия своим диаграммам, распределить их по группам и уточнить, где они находятся. | |||
Определения диаграмм должны входить в массивы <code>charts</code>или <code>keycharts</code>. Каждая группа, определенная в разделе, <code>keycharts</code>будет отображаться в виде вкладки в представлении сведений об объекте , а группы, определенные в <code>charts</code>разделе, будут размещены внутри них на вкладке «Дополнительные сведения» . | |||
Версия 06:46, 27 декабря 2023
После определения собственных показателей вы можете настроить способ их отображения на страницах «Пользовательское устройство» и «Группы пользовательских устройств». Чтобы настроить пользовательские диаграммы показателей, отредактируйте раздел расширения JSON uiи определения диаграммы.
{
"ui": {
"charts": [
{
"group": "Trigonometric functions",
"title": "sinus",
"series": [
{
"key": "baseSin",
"aggregation": "avg",
"mergeaggregation": "avg",
"displayname": "basic sinus metric",
"seriestype": "line",
"color": "#00ff00",
"rightaxis": false,
"stacked": false
},
{
"key": "baseCos",
"aggregation": "avg",
"mergeaggregation": "avg",
"displayname": "basic cosinus metric",
"seriestype": "line",
"color": "#0000ff",
"rightaxis": true,
"stacked": false
}
]
},
{
"group": "State",
"title": "State metric",
"series": [
{
"key": "state_metric",
"displayname": "State",
"statecolors": ["#008cdb", "#5ead35", "#e6be00"],
"statechart": true
}
]
}
],
"keycharts": [
{
"group": "Random charts",
"title": "random bar metric",
"series": [
{
"key": "random",
"aggregation": "avg",
"mergeaggregation": "avg",
"displayname": "random metric",
"seriestype": "bar",
"color": "#00ff00",
"rightaxis": false,
"stacked": false
}
]
}
]
},
"metrics": [
{
"timeseries": {
"key": "random",
"unit": "Count",
"displayname": "random key metric"
}
},
{
"timeseries": {
"key": "baseSin",
"unit": "Count",
"displayname": "basic sinus metric"
}
},
{
"timeseries": {
"key": "baseCos",
"unit": "Count",
"displayname": "basic cosinus metric"
}
},
{
"statetimeseries": {
"key": "state_metric",
"states": ["state1", "state2", "state3"],
"displayname": "Battery status"
}
}
]
}
Сначала определите одну серию диаграмм. Не забудьте сопоставить keyполе с keyзначением, определенным в определении таймсерии в metricsразделе. Затем добавьте свою серию в определения диаграмм. Обратите внимание, что вы можете использовать любые серии в одной диаграмме. Вы также можете дать названия своим диаграммам, распределить их по группам и уточнить, где они находятся.
Определения диаграмм должны входить в массивы chartsили keycharts. Каждая группа, определенная в разделе, keychartsбудет отображаться в виде вкладки в представлении сведений об объекте , а группы, определенные в chartsразделе, будут размещены внутри них на вкладке «Дополнительные сведения» .
