# Gráfico de Líneas

El widget Gráfico de Líneas muestra gráficos lineales. Puede mostrar varias líneas en un solo gráfico, lo que permite comparar diferentes métricas.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfeZZZ_2BwjDvX4z9EB68VU998H3r818yPfL1LxagdmXajTXbpGWFXVXQ3UXLVWUXXpJd_Kgc8SmiL6v53nREAUCIDcUwJ1-ec1CLsi-I0dwyVBtN9__XoiPxf8Tv57Dd8rKWfPbA?key=ArGsMFxOZt6u_AfXAA-94iWG" alt=""><figcaption></figcaption></figure>

## Inicio de la configuración del widget

Para configurar el widget, haga clic en el ícono de edición ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcmIxOieJTlc8fo1mAy0-zMLSjvIZaF4uzm3uAlqS5_2Gw5ZdeFRMU2ENOXmEMQLaIidAseTYETJDjEqu9B0svvJJ_TCwSbbL3v-3AgDHd-iPa4HllVCRDN9JzE1m3x9baoELO2og?key=nCUpXC2iKtVeq12Xi8RnWuyw).

<figure><img src="https://3940823687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8QfFNyYLPzoIrRZpZokA%2Fuploads%2Fgit-blob-d5c4e38f62455bd68b5e0a4115ed94774fbfb898%2FLine%20Chart.png?alt=media" alt=""><figcaption></figcaption></figure>

Se abrirá una ventana emergente "Configuración del widget":

<figure><img src="https://3940823687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8QfFNyYLPzoIrRZpZokA%2Fuploads%2Fgit-blob-c7f91fd63c5a856e549eadeb40e80b3c5b484c5a%2F%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%20(230).png?alt=media" alt=""><figcaption></figcaption></figure>

Complete los campos necesarios para configurar el widget.

## **Campos Generales**

* **“Nombre del widget \*”** – campo de texto, se completa manualmente desde el teclado;
* **“Modo”** – lista desplegable en la que se debe seleccionar el modo de creación de consultas para el widget:

| **Nombre**       | **Descripción**                                                                                                                                                                                                                                                                                                                        |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Modo Constructor | Permite construir una consulta a partir de bloques individuales. En cada bloque (Unión de tablas, Filtros, Series del widget, Agrupación por, Ordenación, Cantidad de filas) hay opciones para configurar los comandos necesarios para trabajar con los datos, comandos aritméticos y lógicos, operadores de comparación.              |
| Modo Avanzado    | <p>Permite ingresar una consulta manualmente en el campo SQL:</p><p><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcd7OIaI1R6U2xJuYuo33WaYxtzln9tYAyEjwgkaFQvmWk9805MgjR88D_8QBjGAHjvMQvGc2LJSshFRdlLNMIMSC0Bnxvufy0eEUv9QIz2KAfRGIeFykHpvaX7g_W6kqH1KqmPQg?key=nCUpXC2iKtVeq12Xi8RnWuyw" alt="" data-size="original"></p> |

* **“Tablas”** – lista desplegable con todas las tablas disponibles en la base de datos.

## **Campos Adicionales, disponibles para configuración solo en Modo Constructor**

### **Unión de Tablas**

La unión de tablas es necesaria para extraer datos de varias tablas relacionadas y formar resultados más completos e informativos.

Para comparar dos tablas, se utilizan los siguientes operadores:

| **Nombre** | **Descripción**                                                                                                                                     |
| ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| =          | Devolverá filas de las dos tablas donde los valores en las columnas especificadas son iguales.                                                      |
| !=         | Devolverá filas de las dos tablas donde los valores en las columnas especificadas no son iguales.                                                   |
| >          | Devolverá filas donde el valor en la columna especificada de la primera tabla es mayor que el valor en la columna especificada de la segunda tabla. |
| <          | Devolverá filas donde el valor en la columna especificada de la primera tabla es menor que el valor en la columna especificada de la segunda tabla. |

Si se requiere unir solo 2 tablas, se deben completar los campos:

1. **“Columna”** de la lista desplegable;
2. **“Operador”** de la lista desplegable;
3. **“Columna 2”** de la lista desplegable;

Por ejemplo,

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXciNHglBTDjXxh-ndG_wzNZcXhXND6XrUdgBCYtdVsfMv3TG6lbnmE7WNFThayemZauqrZI8azpsVmnyDFr53uPR-_7fNaoGFk-Hjobbh7QMjwunzzgtQqEHxZbkh_MB37n43DPnA?key=nCUpXC2iKtVeq12Xi8RnWuyw" alt=""><figcaption></figcaption></figure>

Si se requiere unir más de dos tablas, se debe presionar el botón ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcROZ9y7XZhK1qwKQ5hLnMx37mm7idz56ag4ue9nmrltGiCm-UFL7NI3iN_E4hvVWPnflzHFtiCErCZms5wLZNi1FY5eeteFiTJdp9-Zy1PF4XsdmLbz7YpdWSk8R6ovdrAvfzGGQ?key=nCUpXC2iKtVeq12Xi8RnWuyw), después de lo cual se deben completar los campos necesarios.

Si se requiere eliminar la unión de tablas, se debe presionar el botón ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcsbV73oVpfuisxBad8hWyyeugetwarRT9Qin_QILnwD9umqNBWbO_ozoH6SbGFnkWDK2RvIW8keI5FkOlIIyyzy5QwrPSso1yRkSuG-5Kt2mo1vMGt0Id0NDy5gvYwIDa5ExuZOA?key=nCUpXC2iKtVeq12Xi8RnWuyw).

### **Filtros**

Los filtros permiten establecer condiciones para los datos seleccionados utilizando operadores de comparación y operadores lógicos.

Para establecer una condición, se deben completar los campos:

1. **“Columna”** de la lista desplegable;
2. **“Operador”** de la lista desplegable;
3. **“Valor”** manualmente desde el teclado;

Por ejemplo,

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcESQzpRUvRZdAMxHUoIII1p7wTfua4vjT0iUyooGLAhmICxiBb7qbQNHKqzbKZApRuiZl_JMRVo-lO8IWZhCghO3l2fju0sa8YjMa5ezF3zNgXop6rlBWBg4oAqWcBRl9mySipdQ?key=nCUpXC2iKtVeq12Xi8RnWuyw" alt=""><figcaption></figcaption></figure>

Si se requiere combinar varias condiciones en una sola, por ejemplo, ((robots.is\_deleted = 0) AND (robots.id > 13)), se deben utilizar operadores lógicos. Para ello, se debe seleccionar el operador deseado, haciendo clic en el ícono ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXe5KvLHwZJMAKEekEGvTPPxIYVtQHjZGWfT2q8JjIUdDQdSA06PBo1IP04AIcbYBakRwhkUhVD-sKW9jsuk3nkz5Ywch_4C4490VxIIDM4TnUldryGqRtx8FlU36Cs7yQZ5Fty8RQ?key=nCUpXC2iKtVeq12Xi8RnWuyw), para cambiarlo a OR, o ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXe62e1PD1G48Sa7XfyhhOgn_81A4M0YGYMbslALy5hbSxgpT6ibxOtBHD1C_Ks5SzrvMmybTuKKtcIShyipyKAi-Dz9A5vI6zTIepF8g4XZXmtNZgAcOfyLjty0GYfxagnxE6l9?key=nCUpXC2iKtVeq12Xi8RnWuyw), para cambiarlo a AND. Luego presionar el botón ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcAFQBjH14gIfP5ZzErkhIp8i9YMCcDu5YAeWCq8Xy6W4K6J4t2-vTqJgtAW5TNFG50Vkm6jr3LvPF6ly9Cty2Yvk0AcxvBZnnVmRO4lVXOvioRgWTJewQCqeiTZN6CcOAjsT4jDw?key=nCUpXC2iKtVeq12Xi8RnWuyw), después de lo cual se deben completar los campos necesarios:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcIYJZ9VjTOJzVfnAxrZdlAqQQ558qlI0bptyMwy5FBzipDgBIkz8TeFzIHSAXt4mQ215oiPVEVnOmMYy_M93Al92Ixcto6FY6tS360cqr2RvL_4RY7rCfGJWHmXBjZcptmC5fRNQ?key=nCUpXC2iKtVeq12Xi8RnWuyw" alt=""><figcaption></figcaption></figure>

Si se requiere establecer una condición compleja para el Filtro, que incluya varios paréntesis, se debe presionar el botón ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfSfbBGhG7QVxO9ioVtoXWl8Rmt2U-9B6gKdfw0ai6VOgNahfB7RR8l3UlSXNeavIBlfT96eAhr9XtqT-BJj_Fi-ep4L91DH3ojUXNUBMcPq8aGBs8vUv-FktTvqrVOnLPVdZCK?key=nCUpXC2iKtVeq12Xi8RnWuyw), después de lo cual se deben completar los campos necesarios.

Si se requiere eliminar una condición, se debe presionar el botón ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXd6OAWgEybohnm-V1e2pK4Z5R2yBziiiYj6BJ1ErR-ss_mBXRCxQllIK8ZF9cCs4_1coCLIq1xh_iucJN85kyIwN42FWOxA4wy4AycS4lt-awRGmfkEzeNAzOsRmNT3xbt6utzgog?key=nCUpXC2iKtVeq12Xi8RnWuyw).

### **Series del Widget**

Las series del widget se utilizan para indicar las columnas de datos que se deben extraer de la base de datos. Definen qué datos se devolverán en los resultados de la consulta.

Para configurar las Series del widget, se deben completar los campos:

1. **“Columna”** de la lista desplegable;
2. **“Operador”** de la lista desplegable;
3. **“Nombre de la serie”** manualmente desde el teclado;

Por ejemplo,

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdcNclubdHr3t-XMCgO3_e1aV2WJOz73qmI4LnaCecZjFiDo9kL43waypLoOj2xa3ySVRrPersvZWBZ4y9lKTH_a3Ln9WNhcFN31-H_gbPQqp2qvk7nSdou3OOee_-WQDcMpzvF3w?key=nCUpXC2iKtVeq12Xi8RnWuyw" alt=""><figcaption></figcaption></figure>

Si se requieren datos adicionales en la leyenda, se debe presionar el botón ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeFhXqnbRswxTKAYx7LnYp-kO4Opn8ZIybkorP4LBC9jNkvphbYUS0BYkkPYvxYub1vP7rmYElV4uoHTg9Ofzw5INlNLUuWyOUXOkj2w0jhJqELB8Jh4iAMwh97fjd5IWR2fk5qFw?key=nCUpXC2iKtVeq12Xi8RnWuyw).

### **Agrupación por**

Campo para configurar el proceso de combinación de filas de datos con valores idénticos en una o varias columnas en un solo conjunto, lo que permite realizar operaciones agregadas sobre estos grupos. Para combinar filas de datos, es necesario completar el campo columna del menú desplegable;

### **Ordenación**

Campos para configurar el proceso de ordenamiento de datos en el conjunto resultante en un cierto orden dependiendo de los valores en una o varias columnas. Para ordenar de forma ascendente, se debe ingresar en el campo “Ordenar por” el valor “ASC”. Para ordenar de forma descendente, el valor “DESC”. Luego, es necesario completar el campo “Columna” del menú desplegable;

### **Cantidad de filas**

Campo que se completa manualmente desde el teclado o mediante un contador ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeptwsNfuXeBVsM5ITGuxu3Tk4Y-JS6u91ngfYj8jnBT8RRxSo09Eye1mhEKPaxYQQApQAA4g7ohGinnWFeznpGw9tkFSMqqmQZyL0AzL1jv9f3w_8Se6hCiwAb5JBjy2geuAxR?key=nCUpXC2iKtVeq12Xi8RnWuyw). Este campo permite limitar la cantidad de registros que se devuelven como resultado de la consulta para construir el Dashboard.

## Pruebas

Para asegurarse de que la consulta está configurada correctamente, se debe presionar el botón ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcbp8LyKi6t7wwKr6oCoZ7K1bg0aTKcf0j9tsfjgaSwf4hAwVarepSDi_1h6mapWcJVnG_6f2OV41rJuNM5NYM7LC7rlVLZYwX0TqKY3-T7exIoAfQTif6D2hrkSd3bB58_z7CZ?key=nCUpXC2iKtVeq12Xi8RnWuyw), después de lo cual aparecerá una tabla con los datos sobre los cuales se construirá el Dashboard Line Chart.

Para mostrar el Dashboard en el panel, se debe presionar el botón “OK”.

Para eliminar todos los datos ingresados, se debe presionar el botón “Cancelar”.

Ejemplo:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfeZZZ_2BwjDvX4z9EB68VU998H3r818yPfL1LxagdmXajTXbpGWFXVXQ3UXLVWUXXpJd_Kgc8SmiL6v53nREAUCIDcUwJ1-ec1CLsi-I0dwyVBtN9__XoiPxf8Tv57Dd8rKWfPbA?key=ArGsMFxOZt6u_AfXAA-94iWG" alt=""><figcaption></figcaption></figure>

Para mostrar un gráfico que muestre 10 Colas con la mayor cantidad de Tareas, es necesario ingresar en los campos correspondientes en la ventana "Configuración del widget" los datos:

## Modo Constructor (ejemplo)

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdyNC-IlSpfOnvmLpDe0H-49uCcdF4IctTQbdi_U1HUzvl3UX47IaATAFbhJi-UpNBwazJbvqFsKd_3mUQBiWRvxQfBXtBbKeQ4IXzio7sDQtPYaGdI_v-dtBaqHP1WJtEGS_vOwQ?key=ArGsMFxOZt6u_AfXAA-94iWG" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfeXTCVn56z_fX-HGwEpQxshnSfyqLvNd3zFeDAU-m4bc3RmGYJx1YJkHNgu69rLSM6Ah6fhCLN_ul_Av_AxwxKw67wzZKrUZ-cOa51SQdByH982cRW62no634zPS6b5wKrCdmppsg?key=ArGsMFxOZt6u_AfXAA-94iWG" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfeauMNpSIiXjf85momrVah8OKosZE6oVnuB4eb2jnz2XtcqN0IQhICR3peB-riw2U8SwIvCSf9S-JthghrM4mhFo1gacMiFkOZ0IRU56zsTqi_sGoUPp9cs0S76ThdppGwNPXtWQ?key=ArGsMFxOZt6u_AfXAA-94iWG" alt=""><figcaption></figcaption></figure>

Es necesario completar los campos:

**Tablas \***

*queues*

*tasks*

*task\_statuses*

**Unión de tablas**

| **Columna**    | **Operador** | **Columna 2**         |
| -------------- | ------------ | --------------------- |
| *queues.id*    | *=*          | *tasks.queue\_id*     |
| *tasks.status* | *=*          | *task\_statuses.code* |

**Filas del widget**

| **Columna**   |         | **Nombre de la fila** |
| ------------- | ------- | --------------------- |
| *queues.name* |         | *name*                |
| *tasks.id*    | *COUNT* | *count*               |

**Agrupación por**

*queues.name*

**Cantidad de filas**

*10000*

## Modo Avanzado (ejemplo)

Es necesario completar el campo:

**SQL**

```sql
SELECT
	count(tasks.id) AS count,
	queues.name AS name
FROM
	queues LEFT JOIN tasks ON queues.id=tasks.queue_id
	LEFT JOIN task_statuses ON tasks.status=task_statuses.code
WHERE
	queues.is_deleted=0 AND tasks.is_deleted=0
GROUP BY
	queues.name
LIMIT 10000
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sherparpa.ru/es/sherpa-process-discovery/rabota-v-sherpa-process-discovery/ekrany/obzor/line-chart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
