Стилизация виджетов диаграмм
Использование тем стилей
Тема стиля определяет цвет по умолчанию для каждого ряда данных в диаграмме. При замене темы по умолчанию PTC Convergence Theme на собственную тему стиля рекомендуется определить согласованную цветовую палитру для визуализации диаграмм. Используйте разные цвета для каждого ряда и обеспечивайте достаточную контрастность. При использовании низкой контрастности между различными наборами данных данные диаграммы будет труднее читать.
Для стилизации диаграмм на уровне темы стиля выполните следующие действия.
1. В Composer откройте сущность темы стиля.
2. На вкладке Стили выполните следующие действия.
◦ В разделе Глобальные измените доступные опции. Обратите внимание, что эти опции влияют на все виджеты в мэшапе.
◦ В разделе Элементы разверните Диаграммы, а затем выберите цвет для каждого ряда данных.
3. Щелкните Сохранить
Определенные цвета рядов данных используются для стиля каждого ряда данных на диаграммах.
Дополнительные сведения о темах стиля см. в разделе Темы стилей.
Использование свойств стиля
Чтобы сконфигурировать расширенные свойства стиля для каждого виджета диаграммы, используйте опции, доступные на панели Свойства стиля:
1. Выберите виджет диаграммы на канве, а затем откройте панель Свойства стиля. Отображаются различные состояния диаграммы и номера наборов данных.
◦ Чтобы изменить стиль каждого ряда на диаграмме, разверните ряд, а затем измените стили маркера легенды или столбика ряда по мере необходимости.
◦ Чтобы изменить состояние, разверните любое состояние, такое как базовое состояние, а затем разверните любую часть, например bar. Перечисляются свойства стиля для части. Например, можно изменить метки значений, задав опции background и color.
2. Щелкните Сохранить, а затем просмотрите мэшап.
Изменения свойств стиля отображаются для виджета диаграммы в его базовом состоянии. Дополнительные сведения см. в разделе Использование панели свойств стиля.
Использование определений состояний
Перед применением форматирования состояния убедитесь, что примененное форматирование состояния не противоречит цветам темы стиля. Чтобы применить форматирование состояния к диаграмме, выполните следующие действия.
1. Выберите виджет диаграммы на канве, а затем откройте панель Свойства. Перечисляются свойства виджета.
2. Нажмите кнопку Форматирование состояния рядом со свойством SeriesStyle. Откроется диалоговое окно "Форматирование состояния".
◦ Если для NumberOfSeries задано значение Auto, отображается одно свойство форматирования состояния.
◦ Если для NumberOfSeries задано конкретное число, свойство форматирования состояния отображается для каждого ряда данных.
3. В диалоговом окне "Форматирование состояния" выберите зависимое поле из связанной таблицы данных. Поле указывает данные, используемые при оценке условий форматирования состояния. Чтобы задать стиль каждого ряда на основе его собственного значения, оставьте зависимое поле пустым.
4. Выберите сущность определения состояния и нажмите кнопку Готово.
5. Сохраните, а затем просмотрите мэшап.
 |
Стили, примененные с помощью форматирования состояния, переопределяют темы стилей, свойства стилей и определения стилей.
|
Во время выполнения цвет ряда на диаграмме изменяется в соответствии с текущим значением ряда данных. Дополнительные сведения см. в разделе Пример. Применение форматирования состояния к диаграммам.