Можно применить форматирование состояния к нескольким диаграммам в Mashup Builder, таким как линейная диаграмма, столбчатая диаграмма и диаграмма "Водопад". По умолчанию форматирование состояния применяется ко всем наборам данных в диаграмме, если для свойства NumberOfSeries задано значение Авто. Чтобы определить различные правила форматирования состояний для каждого ряда данных на диаграмме, задайте для свойства виджета NumberOfSeries определенное число, а затем используйте свойство виджета SeriesStyleN для настройки правил форматирования состояния для каждого ряда.

Определения состояний можно применить к виджету "Линейная диаграмма". В следующем примере форматирование состояния используется для выделения точек данных, которые имеют значение ниже указанного. На следующем рисунке показана диаграмма во время выполнения до применения форматирования состояния.

На диаграмме показаны все данные из связанной таблицы данных. Каждый столбец отображается как отдельный ряд данных. Цвета применяются к каждому ряду с использованием значений по умолчанию PTC Convergence Theme. В этом примере диаграмма изменяется, чтобы выделить картину данных в определенном ряду данных.

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

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

После корректировки диаграммы можно создать определение стиля или выбрать существующее в Composer. На следующем рисунке показано определение состояния, которое содержит состояния, определенные следующим образом:

После создания сущности определения стиля щелкните кнопку Форматирование состояния рядом со свойством SeriesStyleN для ряда, который отображается на диаграмме.

Во время выполнения отображаются данные диаграммы, а каждая точка окрашивается в соответствии с определенными состояниями в сущности определения состояния. На следующем изображении показана линейная диаграмма с примененным форматированием состояния.

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

На следующем изображении показана столбчатая диаграмма, которая сконфигурирована как гистограмма. Форматирование состояния применяется к виджету аналогично линейной диаграмме. Определены следующие состояния:

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