График

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

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

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

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

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

Здесь представлены все возможности настройки:

• Отображение легенды
• Изменение цвета фона
• Установка границ осей
• Отображение сетки
• Отображение границы
• Отображение всплывающей подсказки
• Настройка оси X (отображение имени, числа и меток)
• Настройка оси Y (отображение названия и чисел)

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

Чтобы показать легенду:

• Выберите виджет «Диаграмма» в дереве виджетов или в области холста.
• Перейдите на панель свойств и откройте «Данные диаграммы 1«.
• Введите имя легенды. Оно будет отображаться как название линии или столбца.
• Если у вас несколько данных графика (например, Chart Data 1, Chart Data 2 и так далее), задайте легенду и для них.
• Прокрутите вниз до Свойства диаграммы и включите свойство Показывать легенду.

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

• Сначала включите легенду.
• Прокрутите вниз до раздела Свойства легенды.
• Чтобы изменить размеры поля легенды, введите значения ширины и высоты.
• Обычно поле легенды появляется над графиком в правом нижнем углу. Чтобы изменить его положение, используйте ползунок Горизонтальное и вертикальное выравнивание.
• Чтобы изменить цвет фона, найдите свойство Цвет фона и нажмите на поле рядом с надписью Сбросить, выберите цвет, затем нажмите кнопку Использовать цвет или нажмите кнопку Сбросить и введите шестнадцатеричный код напрямую.
• Чтобы настроить границу, используйте свойства Цвет границы, Ширина границы и Радиус границы.
• Чтобы добавить пространство между текстом легенды и границей поля, настройте свойство Pading.

Чтобы настроить текст легенды и индикатор, выполните следующие действия:

• Сначала включите легенду.
• Чтобы изменить стиль текста легенды, прокрутите страницу вниз до Свойства легенды > Свойства текста легенды и измените стиль в соответствии с приведенным здесь описанием.
• Чтобы добавить пространство между индикатором и текстом, настройте свойство Text Padding.
• Вы можете изменить размер индикатора, введя значение в свойство Indicator Size.
• Чтобы создать закругленные углы вокруг индикатора, можно использовать свойство Indicator Border Radius.

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

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

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

На графике можно установить четыре типа границ:

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

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

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

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

• Выберите виджет «График» в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела «Свойства графика«.
• Найдите переключатель «Показывать сетку» и включите его.

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

• Выберите виджет «График» в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела «Свойства графика«.
• Найдите переключатель Показать границу и включите его.
• Найдите свойство «Цвет границы«, нажмите на поле рядом с «Черный«, выберите цвет, а затем нажмите «Использовать цвет» или нажмите на «Черный» и введите шестнадцатеричный код напрямую.
• Теперь найдите ниже свойство Ширина границы и введите значение. (например, 2,5,10)

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

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

• Выберите виджет «График» в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела «Свойства графика«.
• Найдите переключатель «Показывать границы» и включите его.
• Чтобы изменить цвет фона, найдите свойство Tooltip Background Color, нажмите на поле рядом с Unset, выберите любой темный/светлый цвет, а затем нажмите Use Color или нажмите Unset и введите шестнадцатеричный код напрямую.

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

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

• Выберите виджет «График» в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела «Свойства диаграммы«.
• Прокрутите вниз до Свойств оси X и введите значение в поле ввода текста. Вы также можете задать имя из переменной, нажав на текст Set from Variable.
• Вы также можете настроить внешний вид текста имени.

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

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

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

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

• Выберите виджет «Диаграмма» в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела Свойства диаграммы.
• Прокрутите вниз до Свойств оси X, найдите переключатель Показывать метку и включите его.
• Чтобы задать интервал в линейной диаграмме, введите значение в поле ввода Интервал метки.
• Вы также можете настроить внешний вид чисел.

Для гистограммы можно отображать метки только на оси X. Для этого:

• Выберите виджет «Диаграмма» в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела «Свойства диаграммы«.
• Прокрутите вниз до Свойств оси X, найдите переключатель Показывать метки и включите его.

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

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

• Выберите виджет «График» в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела Свойства диаграммы.
• Прокрутите вниз до Свойств оси Y и введите значение в поле ввода текста. Вы также можете задать имя из переменной, нажав на текст Set from Variable.
• Вы также можете настроить внешний вид текста названия.

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

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

• Выберите виджет «Диаграмма» в дереве виджетов или в области холста.
• Перейдите на панель свойств и прокрутите вниз до раздела Свойства диаграммы.
• Прокрутите вниз до Свойств оси Y, найдите переключатель Показывать метку и включите его.
• Чтобы задать интервал, введите значение в поле ввода Интервал метки.
• Вы также можете настроить внешний вид чисел.

Здесь приведены инструкции по добавлению подкладок.

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

Посмотрите, как установить цвет из переменной в любое свойство цвета этого виджета.

Инструкции по отображению/скрытию виджета находятся здесь.