# Line Chart

Виджет Line Chart отображает линейные графики. Он может отображать несколько линий на одном графике, что позволяет сравнивать различные метрики.

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

## Начало настройки виджета

Для настройки виджета нажмите на значок редактирования ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcmIxOieJTlc8fo1mAy0-zMLSjvIZaF4uzm3uAlqS5_2Gw5ZdeFRMU2ENOXmEMQLaIidAseTYETJDjEqu9B0svvJJ_TCwSbbL3v-3AgDHd-iPa4HllVCRDN9JzE1m3x9baoELO2og?key=nCUpXC2iKtVeq12Xi8RnWuyw).&#x20;

<figure><img src="https://483167589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpyvTUnAaOD3OMZ1w2jM6%2Fuploads%2Fk3oP9Jyk6SJNWQw7lyA6%2FLine%20Chart.png?alt=media&#x26;token=a837387a-fb4f-422e-ae9d-5cd6c720c725" alt=""><figcaption></figcaption></figure>

Откроется всплывающее окно “Настройки виджета”:

<figure><img src="https://483167589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpyvTUnAaOD3OMZ1w2jM6%2Fuploads%2F9lI3cuF67hQ1Ocb40755%2F%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5.png?alt=media&#x26;token=bcc8f34c-768b-4307-83d1-02d4d5c411fe" alt=""><figcaption></figcaption></figure>

Заполните нужные поля для настройки виджета.

## **Общие поля**

* **“Название виджета \*”** – текстовое поле, заполняется вручную с клавиатуры;
* **“Режим”** – всплывающий список, в котором нужно выбрать режим создания запроса для виджета:&#x20;

| **Название**       | **Описание**                                                                                                                                                                                                                                                                                       |
| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Режим конструктора | Позволяет собрать запрос из отдельных блоков. В каждом блоке (Объединение таблиц, Фильтры, Ряды виджета, Группировка по, Сортировка, Количество строк) есть возможность настроить нужные команды для работы с данными, арифметические и логические команды, операторы сравнения.                   |
| Продвинутый режим  | <p>Позволяет ввести запрос вручную в поле SQL:</p><p><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcd7OIaI1R6U2xJuYuo33WaYxtzln9tYAyEjwgkaFQvmWk9805MgjR88D_8QBjGAHjvMQvGc2LJSshFRdlLNMIMSC0Bnxvufy0eEUv9QIz2KAfRGIeFykHpvaX7g_W6kqH1KqmPQg?key=nCUpXC2iKtVeq12Xi8RnWuyw" alt=""></p> |

* **“Таблицы”** – всплывающий список со всеми доступными таблицами базы данных.

## **Дополнительные поля, доступные для настройки только в Режиме конструктора**

### **Объединение таблиц**

Объединение таблиц необходимо для того, чтобы извлечь данные из нескольких связанных таблиц и сформировать более полные и информативные результаты.

Для сравнения двух таблиц, для последующего объединения, используются следующие операторы:

| **Название** | **Описание**                                                                                                          |
| ------------ | --------------------------------------------------------------------------------------------------------------------- |
| =            | Вернет строки из двух таблиц, где значения в указанных столбцах равны.                                                |
| !=           | Вернет строки из двух таблиц, где значения в указанных столбцах не равны.                                             |
| >            | Вернет строки, где значение в указанном столбце из первой таблицы больше значения в указанном столбце второй таблицы. |
| <            | Вернет строки, где значение в указанном столбце из первой таблицы меньше значения в указанном столбце второй таблицы. |

Если требуется объединить только 2 таблицы, то необходимо заполнить поля:

1. **“Столбец”** из всплывающего списка; &#x20;
2. **“Оператор”** из всплывающего списка;
3. **“Столбец 2”** из всплывающего списка;

Например,&#x20;

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

Если требуется объединить больше двух таблиц, то необходимо нажать кнопку ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcROZ9y7XZhK1qwKQ5hLnMx37mm7idz56ag4ue9nmrltGiCm-UFL7NI3iN_E4hvVWPnflzHFtiCErCZms5wLZNi1FY5eeteFiTJdp9-Zy1PF4XsdmLbz7YpdWSk8R6ovdrAvfzGGQ?key=nCUpXC2iKtVeq12Xi8RnWuyw), после чего заполнить нужные поля.

Если требуется удалить объединение таблиц, то необходимо нажать кнопку ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcsbV73oVpfuisxBad8hWyyeugetwarRT9Qin_QILnwD9umqNBWbO_ozoH6SbGFnkWDK2RvIW8keI5FkOlIIyyzy5QwrPSso1yRkSuG-5Kt2mo1vMGt0Id0NDy5gvYwIDa5ExuZOA?key=nCUpXC2iKtVeq12Xi8RnWuyw).

### **Фильтры**

Фильтры позволяют задавать условия для выбираемых данных с помощью операторов сравнения и логических операторов.

Для того, чтобы задать одно условие, необходимо заполнить поля:

1. **“Столбец”** из всплывающего списка;
2. **“Оператор”** из всплывающего списка;
3. **“Значение”** вручную с клавиатуры;

Например,&#x20;

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

Если требуется скомбинировать несколько условий в одно целое, например, ((robots.is\_deleted = 0) AND (robots.id > 13)), то необходимо использовать логические операторы. Для этого необходимо выбрать нужный оператор, кликнув на иконку ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXe5KvLHwZJMAKEekEGvTPPxIYVtQHjZGWfT2q8JjIUdDQdSA06PBo1IP04AIcbYBakRwhkUhVD-sKW9jsuk3nkz5Ywch_4C4490VxIIDM4TnUldryGqRtx8FlU36Cs7yQZ5Fty8RQ?key=nCUpXC2iKtVeq12Xi8RnWuyw), чтобы поменять её на OR, или ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXe62e1PD1G48Sa7XfyhhOgn_81A4M0YGYMbslALy5hbSxgpT6ibxOtBHD1C_Ks5SzrvMmybTuKKtcIShyipyKAi-Dz9A5vI6zTIepF8g4XZXmtNZgAcOfyLjty0GYfxagnxE6l9?key=nCUpXC2iKtVeq12Xi8RnWuyw), чтобы поменять её на AND. Далее нажать кнопку ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcAFQBjH14gIfP5ZzErkhIp8i9YMCcDu5YAeWCq8Xy6W4K6J4t2-vTqJgtAW5TNFG50Vkm6jr3LvPF6ly9Cty2Yvk0AcxvBZnnVmRO4lVXOvioRgWTJewQCqeiTZN6CcOAjsT4jDw?key=nCUpXC2iKtVeq12Xi8RnWuyw), после чего заполнить нужные поля:

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

Если требуется задать сложное условие для Фильтра, включающее в себя несколько скобок, то необходимо нажать кнопку ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfSfbBGhG7QVxO9ioVtoXWl8Rmt2U-9B6gKdfw0ai6VOgNahfB7RR8l3UlSXNeavIBlfT96eAhr9XtqT-BJj_Fi-ep4L91DH3ojUXNUBMcPq8aGBs8vUv-FktTvqrVOnLPVdZCK?key=nCUpXC2iKtVeq12Xi8RnWuyw), после чего заполнить нужные поля.

Если требуется удалить условие, то необходимо нажать кнопку ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXd6OAWgEybohnm-V1e2pK4Z5R2yBziiiYj6BJ1ErR-ss_mBXRCxQllIK8ZF9cCs4_1coCLIq1xh_iucJN85kyIwN42FWOxA4wy4AycS4lt-awRGmfkEzeNAzOsRmNT3xbt6utzgog?key=nCUpXC2iKtVeq12Xi8RnWuyw).

### **Ряды виджета**

Ряды виджета используются для указания колонок данных, которые необходимо извлечь из базы данных. Они определяют, какие данные будут возвращены в результатах запроса.&#x20;

Для того, чтобы настроить Ряды виджета, необходимо заполнить поля:

1. **“Столбец”** из всплывающего списка;
2. **“Оператор”** из всплывающего списка;
3. **“Название ряда”** вручную с клавиатуры;

Например,

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

Если требуется вывести дополнительные данные на легенду, то следует нажать кнопку ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeFhXqnbRswxTKAYx7LnYp-kO4Opn8ZIybkorP4LBC9jNkvphbYUS0BYkkPYvxYub1vP7rmYElV4uoHTg9Ofzw5INlNLUuWyOUXOkj2w0jhJqELB8Jh4iAMwh97fjd5IWR2fk5qFw?key=nCUpXC2iKtVeq12Xi8RnWuyw).

### **Группировка по**

Поле для настройки процесса объединения строк данных с одинаковыми значениями в определенном столбце (или столбцах) в единый набор, что позволяет выполнять агрегатные операции над этими группами. Для объединения строк данных, необходимо заполнить поле столбец из выпадающего списка;

### **Сортировка**

Поля для настройки процесса упорядочивания данных в результирующем наборе в определенном порядке в зависимости от значений в одном или нескольких столбцах. Для сортировки по возрастанию, требуется внести в поле “Сортировка по” значение “ASC”. Для сортировки по убыванию, значение “DESC”. Далее необходимо заполнить поле “Столбец” из выпадающего списка;

### **Количество строк**

Поле заполняется вручную с клавиатуры или с помощью счетчика ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeptwsNfuXeBVsM5ITGuxu3Tk4Y-JS6u91ngfYj8jnBT8RRxSo09Eye1mhEKPaxYQQApQAA4g7ohGinnWFeznpGw9tkFSMqqmQZyL0AzL1jv9f3w_8Se6hCiwAb5JBjy2geuAxR?key=nCUpXC2iKtVeq12Xi8RnWuyw). Данное поле позволяет ограничить количество записей, которые возвращаются в результате запроса для построения Дашборда.

## Тестирование

Для того чтобы удостовериться, что запрос настроен верно, необходимо нажать на кнопку ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcbp8LyKi6t7wwKr6oCoZ7K1bg0aTKcf0j9tsfjgaSwf4hAwVarepSDi_1h6mapWcJVnG_6f2OV41rJuNM5NYM7LC7rlVLZYwX0TqKY3-T7exIoAfQTif6D2hrkSd3bB58_z7CZ?key=nCUpXC2iKtVeq12Xi8RnWuyw), после чего появится таблица с данными, по которым будет построен Дашборд Line Chart.

Для вывода Дашборда на панель, следует нажать кнопку “ОК”.

Для удаления всех заполненных данных, следует нажать кнопку “Отмена”.

Пример:

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

Для вывода графика, где показано 10 Очередей с максимальным количеством Задач, необходимо внести в соответствующие поля в окне "Настройки виджета" данные:

## Режим конструктора (пример)

<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_4nXeXTCVn56z_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>

Необходимо заполнить поля:

**Таблицы \***

*queues*

*tasks*

*task\_statuses*

**Объединение таблиц**

| **Столбец**    | **Оператор** | **Столбец 2**         |
| -------------- | ------------ | --------------------- |
| *queues.id*    | *=*          | *tasks.queue\_id*     |
| *tasks.status* | *=*          | *task\_statuses.code* |

**Ряды виджета**

| **Столбец**   |         | **Название ряда** |
| ------------- | ------- | ----------------- |
| *queues.name* |         | *name*            |
| *tasks.id*    | *COUNT* | *count*           |

**Группировка по**

*queues.name*

**Количество строк**

*10000*

## Продвинутый режим (пример)

Необходимо заполнить поле:

**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
```
