+++
title = "Graph time series as bars"
keywords = ["harvest", "time series panel", "documentation", "guide", "graph"]
weight = 200
+++

# График временных рядов в виде столбцов

> ** Примечание: ** Это бета-версия функции. Панель временных рядов заменит панель графиков в будущих выпусках.

В этом разделе объясняется, как использовать параметры полей временных рядов для визуализации данных временных рядов в виде столбцов, и иллюстрируется, что делают эти параметры.

## Создать панель

1. [Добавить панель]({{< ссылка "../../add-a-panel.md " >}}). Выберите [Временной ряд]({{< relref "_index.md " >}}) визуализация.
1. В [Редакторе панели]({{< relref "../../panel-editor.md " >}}), перейдите на вкладку **Поле**.
1. В разделе Стиль нажмите ** Бары**.

## Стиль баров

Используйте следующие настройки поля для уточнения вашей визуализации.

Для получения дополнительной информации о применении этих параметров обратитесь к:

- [Настроить все поля]({{< relref "../../field-options/configure-all-fields.md" >}})
- [Настроить определенные поля]({{< relref "../../field-options/configure-specific-fields.md" >}})

Некоторые параметры поля не повлияют на визуализацию до тех пор, пока вы не щелкнете за пределами поля, которое вы редактируете, или не нажмете Enter.

### Выравнивание стержня

Установите положение полосы относительно точки данных. В приведенных ниже примерах для параметра **Показывать точки** установлено значение **Всегда**, чтобы было легче увидеть разницу, которую создает этот параметр. Точки не меняются; столбики меняются в зависимости от точек.

#### До

![Выравнивание полосы перед значком](/static/img/docs/панель временных рядов/выравнивание полосы перед значком-7-4.png)

Полоса рисуется перед точкой. Точка помещается в дальнем углу полосы.

![Выравнивание полосы перед примером](/static/img/docs/панель временных рядов/выравнивание полосы перед 7-4.png)

#### Центр

![Значок центра выравнивания полосы](/static/img/docs/панель временных рядов/значок выравнивания полосы по центру-7-4.png)

Полоса рисуется вокруг точки. Точка помещается в центр полосы. Это значение по умолчанию.

![Центр выравнивания штрихов](/static/img/docs/панель временных рядов/выравнивание штрихов по центру-7-4.png)

#### После

![Выравнивание полосы после значка](/static/img/docs/панель временных рядов/выравнивание полосы-значок-после-7-4.png)

Полоса рисуется после точки. Точка помещается в передний угол панели.

![Выравнивание полосы после](/static/img/docs/панель временных рядов/выравнивание полосы после 7-4.png)

### Ширина линии

Установите толщину контуров линейки линий от 0 до 10 пикселей. **Непрозрачность заливки** в приведенных ниже примерах установлена равной 10.

Толщина линии установлена на 1:

![Пример толщины линии 1](/static/img/docs/панель временных рядов/гистограмма-толщина-1-7-4 .png)

Толщина линии установлена на 7:

![Пример толщины линии 7](/static/img/docs/панель временных рядов/гистограмма-толщина-7-7-4 .png)

### Заполнить непрозрачность

Установите непрозрачность заливки полосы от 0 до 100 процентов. В приведенных ниже примерах ширина линии *** установлена равной 1.

Непрозрачность заливки установлена на 20:

![Пример заполнения непрозрачности 20](/static/img/docs/временные ряды-панель/гистограмма-непрозрачность-20-7-4 .png)

Непрозрачность заливки установлена на 95:

![Пример заполнения непрозрачности 95](/static/img/docs/временные ряды-панель/гистограмма-непрозрачность-95-7-4 .png)

### Градиентный режим

Установите режим градиентной заливки. Градиент заливки основан на цвете линии. Чтобы изменить цвет, используйте стандартную [цветовую схему]({{< relref "../../field-options/standard-field-options.md#color-scheme" >}}) параметр поля.

На внешний вид градиента влияет параметр **Непрозрачность заливки**. На скриншотах ниже ** Непрозрачность заливки** установлена на 50.

#### Нет

Нет градиентной заливки. Это настройка по умолчанию.

![Пример отсутствия градиентного режима](/static/img/docs/временные ряды-панель/гистограмма-градиент-нет-7-4.png)

#### Непрозрачность

Прозрачность градиента рассчитывается на основе значений по оси y. Непрозрачность заливки увеличивается вместе со значениями по оси Y.

![Пример непрозрачности в градиентном режиме](/static/img/docs/временные ряды-панель/гистограмма-градиент-непрозрачность-7-4.png)

#### Оттенок

Цвет градиента генерируется на основе оттенка цвета линии.

![Пример оттенка градиентного режима](/static/img/docs/временные ряды-панель/гистограмма-градиент-оттенок-7-4.png)

### Показывать баллы

Выберите, когда точки должны быть показаны на графике

#### Авто

Harvest автоматически решает, показывать точки или нет, в зависимости от плотности данных. Если плотность низкая, то отображаются точки.

#### Всегда

Показывайте точки независимо от того, насколько плотен набор данных. В этом примере используется ** Ширина строки**, равная 1. Если ширина линии больше размера точки, то линия затемняет точки.

##### Размер точки

Установите размер точек от 1 до 40 пикселей в диаметре.

Размер точки установлен на 6:

![Показать точки пример размера точки 6](/static/img/docs/панель временных рядов/гистограмма-показать точки-6-7-4 .png)

Размер точки установлен на 20:

![Показать точки пример размера точки 20](/static/img/docs/панель временных рядов/гистограмма-показать точки-20-7-4 .png)

#### Никогда

Никогда не показывайте свои очки.

![Показывать точки, которые никогда не указывают пример](/static/img/docs/панель временных рядов /гистограмма-показывать точки-никогда-7-4.png)

## Примеры гистограмм

Ниже приведены некоторые примеры гистограмм, которые дадут вам идеи.

### Градиент оттенка

![Пример полос с градиентом оттенка](/static/img/docs/панель временных рядов/полосы с градиентом оттенка-7-4.png)