Widget de grupo

Información general

Los widgets de screenboard no pueden colocarse en grupos.

Los widget de grupo te permiten mantener juntos gráficos similares en tu dashboard. Cada grupo tiene un encabezado personalizado, puede contener de uno a varios gráficos y es plegable. Utiliza los grupos para organizar los widgets en tu dashboard.

Configuración

  1. Añada varios widgets a tu dashboard.
  2. Selecciona varios widgets con la función clic y arrastrar, o pulsa Mayús y haz clic.
  3. Haz clic en la opción Group (Grupo).
    Opción de grupo que aparece después de seleccionar varios widgets
  4. Haz clic en el icono del lápiz en la esquina superior derecha de tu grupo para elegir un nombre y aplicar un estilo a tu grupo.

API

Los widgets de screenboard no pueden colocarse en grupos.

Este widget se puede utilizar con la API de dashboards. Consulta la siguiente tabla para la definición del esquema del widget JSON:

Expand All

Campo

Tipo

Descripción

background_color

string

Background color of the group title.

banner_img

string

URL of image to display as a banner for the group.

layout_type [required]

enum

Layout type of the group. Allowed enum values: ordered

show_title

boolean

Whether to show the title or not.

default: true

title

string

Title of the widget.

title_align

enum

How to align the text on the widget. Allowed enum values: center,left,right

type [required]

enum

Type of the group widget. Allowed enum values: group

default: group

widgets [required]

[object]

List of widget groups.

definition [required]

 <oneOf>

Definition of the widget.

id

int64

ID of the widget.

layout

object

The layout for a widget on a free or new dashboard layout dashboard.

height [required]

int64

The height of the widget. Should be a non-negative integer.

is_column_break

boolean

Whether the widget should be the first one on the second column in high density or not. Note: Only for the new dashboard layout and only one widget in the dashboard should have this property set to true.

width [required]

int64

The width of the widget. Should be a non-negative integer.

x [required]

int64

The position of the widget on the x (horizontal) axis. Should be a non-negative integer.

y [required]

int64

The position of the widget on the y (vertical) axis. Should be a non-negative integer.

{
  "background_color": "string",
  "banner_img": "string",
  "layout_type": "ordered",
  "show_title": false,
  "title": "string",
  "title_align": "string",
  "type": "group",
  "widgets": [
    {
      "definition": {
        "requests": {
          "fill": {
            "q": "avg:system.cpu.user{*}"
          }
        },
        "type": "hostmap"
      },
      "id": "integer",
      "layout": {
        "height": 0,
        "is_column_break": false,
        "width": 0,
        "x": 0,
        "y": 0
      }
    }
  ]
}

Leer más

Más enlaces, artículos y documentación útiles:

Creación de dashboards con JSONDOCUMENTACIÓN more more
PREVIEWING: rtrieu/product-analytics-ui-changes