Перейти к основному содержимому

Диаграмма

Виджет Диаграмма используется для представления информации в графическом формате. Вы можете использовать его для отображения сложной информации в легко понимаемом виде.

Типы диаграмм

Вы можете добавить следующие типы диаграмм:

  1. Линейная диаграмма
  2. Столбчатая диаграмма
  3. Круговая диаграмма

Настройка диаграммы

Используя свойства Диаграмма (в панели свойств), вы можете настроить внешний вид и поведение виджета.

к сведению

Следующие инструкции будут иметь аналогичный эффект для столбчатой диаграммы.

Отображение легенды

Легенда помогает пользователям идентифицировать данные, отображаемые на диаграмме. Это небольшая рамка, которая показывает название/текст данных диаграммы рядом с соответствующим цветом (цветом, используемым для рисования линии или столбца).

legend.webp

Чтобы отобразить легенду:

  1. Выберите виджет Диаграмма в дереве виджетов или на холсте.
  2. Перейдите в панель свойств и откройте Данные диаграммы 1.
  3. Введите название Легенды. Оно будет отображаться как название линии или столбца.
  4. Если у вас несколько наборов данных диаграммы (например, Данные диаграммы 1, Данные диаграммы 2 и т. д.), настройте легенду и для них.
  5. Прокрутите вниз до Свойств диаграммы и включите свойство Показать легенду.

Настройка рамки легенды

Вы можете изменить внешний вид рамки легенды, следуя инструкциям ниже:

  1. Сначала включите легенду.
  2. Прокрутите вниз до раздела Свойства легенды.
  3. Чтобы изменить размеры рамки легенды, введите значения Ширина и Высота.
  4. Рамка легенды обычно отображается поверх диаграммы в правом нижнем углу. Чтобы изменить её положение, используйте ползунки Горизонтальное и Вертикальное выравнивание.
  5. Чтобы изменить цвет фона, найдите свойство Цвет фона, нажмите на поле рядом с Не задано, выберите цвет, затем нажмите Использовать цвет или нажмите на Не задано и введите шестнадцатеричный код напрямую.
  6. Чтобы настроить границу, используйте свойства Цвет границы, Толщина границы и Радиус границы.
  7. Чтобы добавить отступ между текстом легенды и границей рамки, настройте свойство Отступ.

Настройка текста и индикатора легенды

Чтобы настроить текст и индикатор легенды:

  1. Сначала включите легенду.
  2. Чтобы настроить стиль текста легенды, прокрутите вниз до Свойства легенды > Свойства текста легенды и измените стиль в соответствии с описанием здесь.
  3. Чтобы добавить отступ между индикатором и текстом, настройте свойство Отступ текста.
  4. Вы можете изменить размер индикатора, введя значение в свойство Размер индикатора.
  5. Чтобы создать скругленные углы вокруг индикатора, используйте свойство Радиус границы индикатора.

Изменение цвета фона

Цвет фона виджета Диаграмма по умолчанию белый. Чтобы изменить цвет фона:

  1. Выберите виджет Диаграмма в дереве виджетов или на холсте.
  2. Перейдите в панель свойств и прокрутите вниз до раздела Свойства диаграммы.
  3. Найдите свойство Цвет фона, нажмите на поле рядом с Не задано, выберите любой тёмный/светлый цвет, затем нажмите Использовать цвет или нажмите на Не задано и введите шестнадцатеричный код напрямую. Вы также можете выбрать цвет, нажав на кнопки Палитра и Простой.

Установка границ осей

Границы осей определяют пределы на осях. Вы можете установить минимальные и максимальные пределы для осей X и Y.

Вы можете установить четыре типа границ для диаграммы:

  1. Min X (применяется только для линейной диаграммы): Указывает число, с которого должна начинаться ось X.
  2. Min Y: Указывает число, с которого должна начинаться ось Y.
  3. Max X (применяется только для линейной диаграммы): Указывает число, на котором должна заканчиваться ось X.
  4. Max Y: Указывает число, на котором должна заканчиваться ось Y.
к сведению

Если вы не укажете границы осей, начальные и конечные числа для осей X и Y устанавливаются в соответствии с минимумом и максимумом фактических данных.

Чтобы установить границы осей:

  1. Выберите виджет Диаграмма в дереве виджетов или на холсте.
  2. Перейдите в панель свойств и прокрутите вниз до раздела Свойства диаграммы.
  3. Найдите раздел Границы осей и введите значения Min X, Min Y, Max X и Max Y.

chart-without-axis-bound.png

Отображение сетки

Чтобы отобразить сетку на фоне диаграммы:

  1. Выберите виджет Диаграмма в дереве виджетов или на холсте.
  2. Перейдите в панель свойств и прокрутите вниз до раздела Свойства диаграммы.
  3. Найдите переключатель Показать сетку и включите его.

Отображение границы

Чтобы отобразить границу вокруг диаграммы:

  1. Выберите виджет Диаграмма в дереве виджетов или на холсте.
  2. Перейдите в панель свойств и прокрутите вниз до раздела Свойства диаграммы.
  3. Найдите переключатель Показать границу и включите его.
  4. Найдите свойство Цвет границы, нажмите на поле рядом с Чёрный, выберите цвет, затем нажмите Использовать цвет или нажмите на Чёрный и введите шестнадцатеричный код напрямую.
  5. Теперь найдите свойство Толщина границы ниже и введите значение (например, 2, 5, 10).

Отображение подсказки

Иногда бывает сложно определить точное значение Y. Чтобы решить эту проблему, вы можете включить подсказку. Включение подсказки отобразит значение Y при взаимодействии с диаграммой. Вы также можете добавить цвет фона для подсказки.

Чтобы включить подсказку:

  1. Выберите виджет Диаграмма в дереве виджетов или на холсте.
  2. Перейдите в панель свойств и прокрутите вниз до раздела Свойства диаграммы.
  3. Найдите переключатель Показать границу и включите его.
  4. Чтобы изменить цвет фона, найдите свойство Цвет фона подсказки, нажмите на поле рядом с Не задано, выберите любой тёмный/светлый цвет, затем нажмите Использовать цвет или нажмите на Не задано и введите шестнадцатеричный код напрямую.

Настройка оси X (отображение названия, чисел и меток)

Вы можете настроить ось X для отображения на ней названий и чисел.

Отображение названия на оси X

Чтобы отобразить название на оси, например день, неделю или месяц:

  1. Выберите виджет Диаграмма в дереве виджетов или на холсте.
  2. Перейдите в панель свойств и прокрутите вниз до раздела Свойства диаграммы.
  3. Прокрутите вниз до Свойств оси X и введите значение в поле ввода Текст. Вы также можете установить название из переменной, нажав на Текст из переменной.
  4. Вы также можете настроить внешний вид текста названия.

Отображение чисел или меток на оси X

Отображение чисел или меток на оси помогает быстро понять график.

Для линейной диаграммы

Если вы установили границы осей, начальные и конечные числа отображаются в соответствии со значениями Min X и Max X. В противном случае они показываются в соответствии с минимумом и максимумом фактических данных. Вы также можете указать интервалы между числами.

Чтобы отобразить числа на оси X:

  1. Выберите виджет Диаграмма, перейдите в панель свойств и прокрутите вниз до раздела Свойства диаграммы.
  2. Прокрутите вниз до Свойств оси X и включите опцию Показать метку.
  3. При отображении чисел обычно приемлемо показывать до двух цифр как есть. Однако если число превышает этот предел, рекомендуется установить Тип формата метки в Число и настроить соответствующие Параметры формата числа.
  4. Введите значение в поле ввода Интервал меток.
  5. Вы также можете настроить внешний вид чисел.

к сведению

Для столбчатой диаграммы вы можете отображать только метки на оси X.

Настройка оси Y (отображение названия и чисел)

Вы можете настроить ось Y для отображения на ней названий и чисел.

Отображение названия на оси Y

Чтобы отобразить название на оси, например прогресс, количество пользователей или продажи:

  1. Выберите виджет Диаграмма в дереве виджетов или на холсте.
  2. Перейдите в панель свойств и прокрутите вниз до раздела Свойства диаграммы.
  3. Прокрутите вниз до Свойств оси Y и введите значение в поле ввода Текст. Вы также можете установить название из переменной, нажав на Текст из переменной.
  4. Вы также можете настроить внешний вид текста названия.

Отображение чисел на оси Y

Аналогично оси X, если вы установили границы осей, начальные и конечные числа отображаются в соответствии со значениями Min Y и Max Y. В противном случае они показываются в соответствии с минимумом и максимумом фактических данных. Вы также можете указать интервалы между числами.

Чтобы отобразить числа на оси Y:

  1. Выберите виджет Диаграмма, перейдите в панель свойств и прокрутите вниз до раздела Свойства диаграммы.
  2. Прокрутите вниз до Свойств оси Y и включите опцию Показать метку.
  3. При отображении чисел обычно приемлемо показывать до двух цифр как есть. Однако если число превышает этот предел, рекомендуется установить Тип формата метки в Число и настроить соответствующие Параметры формата числа.
  4. Введите значение в поле ввода Интервал меток.
  5. Вы также можете настроить внешний вид чисел.