Виджет "Диаграмма Парето" (с поддержкой тем)
Введение
Отображает диаграмму Парето.
Диаграмма Парето - это тип диаграммы, представляющий собой комбинацию столбчатых графиков и линейчатого графика. Отдельные значения представлены в порядке убывания столбчатыми графиками, а кумулятивное (накопительное) значение представлено линейчатым графиком. Кумулятивная линия на диаграмме Парето рассчитывается автоматически на основе данных, представленных столбиками.
Просмотрите следующее видео о том, как создать диаграмму Парето в Mashup Builder. Чтобы просмотреть видео в окне большего размера, щелкните заголовок видео.
 | • Виджет "Диаграмма Парето" доступен для запуска в ThingWorx 9.1 и более поздних версиях. • Этот виджет доступен как стандартное включение в платформу и как веб-компонент при импорте из SDK. |
Формат данных
Необходимо создать таблицу данных с определениями полей, которые представляют структуру данных для диаграммы. Таблица данных должна включать определения полей для значений по осям X и Y. Можно добавить несколько рядов данных, добавляя дополнительные столбцы с определениями полей для значений ряда данных. Каждая строка таблицы данных представляет категорию на оси X и соответствующие значения оси Y. В следующей таблице перечислены форматы данных для таблицы данных.
Ось X | Значение оси Y | Значение N оси Y | |
|---|---|---|---|
Определение поля | x:{name:'x',baseType:'STRING'} | value1:{name:'value1',baseType:'NUMBER'} | value1:{name:'value2',baseType:'NUMBER'} |
Использование | Определяет значения оси X для столбика диаграммы или столбца. Данные должны иметь базовый тип STRING. Каждая строка отображается как категория на оси X. Определенное имя этого столбца является опцией, которая должна быть выбрана для свойства XAaxisField виджета. | Определяет значение оси Y и метку легенды для категории. | Определяет значение оси Y и метку легенды для каждого дополнительного ряда данных. |
Базовый тип | STRING | NUMBER | NUMBER |
Пример строки | x:'Apple', где Apple - наименование категории для отображения на оси X | value1:10 - значение оси Y для категории | value2:30 - значение оси Y для второго ряда данных |
На следующем рисунке показан пример возвращенных данных из таблицы данных с четырьмя определениями полей для оси Y:
Таблица свойств
В следующей таблице перечислены свойства, доступные в ThingWorx 9.4 и более поздних версий.
Имя свойства | Описание | Базовый тип | Значение по умолчанию | Связываемое | Локализуемое |
|---|---|---|---|---|---|
SampleSize | Задает число точек данных, отображаемых на диаграмме. | NUMBER | Н/Д | Н | Н |
ShowZoomButtons | Показывает кнопки увеличения и уменьшения масштаба на панели инструментов диаграммы, если включено масштабирование по горизонтали или вертикали. | BOOLEAN | false | Н | Н |
EmptyChartIcon | Указывает значок, отображаемый, если диаграмма пуста. | Медиаобъект | not visible | Н | Н |
EmptyChartLabel | Указывает значок, отображаемый, если диаграмма пуста. | STRING | [[ChartStateLabelEmpty]] | Н | Д |
ErrorStateIcon | Указывает значок, отображаемый, если диаграмма пуста. | Медиаобъект | error | Н | Н |
ErrorStateLabel | Указывает значок, отображаемый, если диаграмма пуста. | STRING | Н | Д | |
LoadingIcon | Указывает значок, отображаемый, если данные диаграммы загружаются. | Медиаобъект | chart loading icon | Н | Н |
NoDataSourceIcon | Указывает значок, отображаемый, если диаграмма не привязана к источнику данных. | Медиаобъект | bind | Н | Н |
NoDataSourceLabel | Указывает значок, отображаемый, если диаграмма не привязана к источнику данных. | STRING | [[ChartStateLabelNoData]] | Н | Д |
Ниже перечислены свойства виджета "Диаграмма Парето".
Имя свойства | Описание | Базовый тип | Значение по умолчанию | Доступно для привязки? (Д/Н) | Локализуемое? (Д/Н) | ||
|---|---|---|---|---|---|---|---|
CumulativeLineLabel | Задает текст, отображаемый для метки кумулятивной линии в области легенды. | STRING | Процент | Д | Д | ||
CumulativeLineMarkerShape | Задает форму маркера для точек данных на кумулятивной линии. Доступные опции: Кружок, Квадрат, Ромбили Нет. | STRING | Кружок | Д | Н | ||
CumulativeLineMarkerSize | Задает размер маркера для точек данных на кумулятивной линии. | NUMBER | 8 | Д | Н | ||
CustomClass | Определяемый пользователем класс CSS, применяемый к верхнему разделу виджета. Можно ввести несколько классов, разделенных пробелами. | STRING | Н/Д | Д | Н | ||
Data | Источник таблицы данных для диаграммы. | INFOTABLE | Н/Д | Д | Н | ||
DataLabel1 - DataLabel24 | Эти свойства будут перечислены, если задать для NumberOfSereis конкретное число. Можно использовать эти свойства, чтобы указать пользовательскую метку для каждого ряда данных в легенде. Дополнительные сведения см. в разделе Настройка легенды диаграммы. | STRING | Н/Д | Н | Д | ||
DataSeriesStyle | Конфигурирует форматирование состояния для всех рядов данных на диаграмме. Можно задать стиль ряда на основе данных, чтобы было проще выявлять тенденции и общую картину. Чтобы сконфигурировать правила форматирования для каждого ряда данных, введите конкретное значение для свойства NumberOfSeries. | STATEDEFINITION | Н/Д | Н | Н | ||
EmphasizeThresholdFactors | Позволяет выделять данные, которые находятся ниже указанного порогового значения. | BOOLEAN | False | Д | Н | ||
ExternalPadding | Задает заполнение из осей. Заполнение в процентах от ширины полоски. | NUMBER | 25 | Д | Н | ||
HideCumulativeLine | Скрывает линию, отображающую кумулятивный процент. | BOOLEAN | False | Д | Н | ||
HideLegend | Скрывает область легенды. | BOOLEAN | False | Д | Н | ||
HideNotes | Скрывает область заметок. | BOOLEAN | False | Д | Н | ||
HideSecondYAxis | Скрывает вторую ось Y. | BOOLEAN | False | Д | Н | ||
HideXAxis | Скрывает ось X. | BOOLEAN | False | Д | Н | ||
HideYAxis | Скрывает ось Y. | BOOLEAN | False | Д | Н | ||
HorizontalAxisMaxHeight | Задает максимальную высоту для горизонтальной оси. | NUMBER | 85 | Д | Н | ||
HorizontalAxisLabelsRotation | Задает угол поворота для меток на горизонтальной оси. Можно ввести значение от -180 до 180. | NUMBER | Автоматический подбор размера | Н | Н | ||
HorizontalZoom | Позволяет увеличивать масштаб по горизонтальной оси. Если выбрано это свойство, в списке свойств отображаются дополнительные свойства HorizontalRangeZoom, HorizontalSliderZoom, DirectSelectionZoom и DragSelectionZoom. | BOOLEAN | False | Д | Н | ||
DirectSelectionZoom | Позволяет увеличить масштаб, непосредственно выбрав два элемента данных на диаграмме. Доступные опции: Горизонтальная ось и Нет. | STRING | None | Д | Н | ||
DragSelectionZoom | Позволяет увеличивать масштаб в определенной части диаграммы путем рисования рамки выбора вокруг диапазона данных, который требуется просмотреть. Доступные опции: Горизонтальная ось и Нет. | STRING | None | Д | Н | ||
HorizontalRangeZoom | Добавляет элементы управления, позволяющие указать диапазон значений для увеличения масштаба по горизонтальной оси. При выборе этого свойства в списке свойств отображаются свойства HorizontalStartZoomLabel и HorizontalEndZoomLabel. | BOOLEAN | False | Д | Н | ||
HorizontalStartZoomLabel | Определяет текстовую метку для начала выбранного диапазона. | STRING | Н/Д | Д | Д | ||
HorizontalEndZoomLabel | Определяет текстовую метку для конца выбранного диапазона. | STRING | Н/Д | Д | Д | ||
HorizontalSliderZoom | Добавляет элемент управления ползунком, позволяющий отображать данные между минимальным и максимальным значениями на горизонтальной оси. При выборе этого свойства в списке свойств отображаются свойства HorizontalSliderZoomMinLabel и HorizontalSliderZoomMaxLabel. | BOOLEAN | False | Д | Н | ||
HorizontalSliderZoomMinLabel | Указывает текстовую метку для минимального значения ползунка управления масштабом. | STRING | Н/Д | Д | Д | ||
HorizontalSliderZoomMaxLabel | Указывает текстовую метку для максимального значения ползунка управления масштабом. | STRING | Н/Д | Д | Д | ||
InternalPadding | Задает заполнение между рядами. Заполнение в процентах от ширины полоски. | NUMBER | 25 | Д | Н | ||
Label | Указывает текстовую метку, которая отображается для диаграммы Парето. | STRING | Диаграмма Парето | Д | Д | ||
LabelAlignment | Выравнивает текст метки виджета По левому краю, По центру или По правому краю. | STRING | Слева | Н | Н | ||
LabelPosition | Задает позицию текстовой метки: Сверху или Снизу. | STRING | Top | Н | Н | ||
LabelReset | Указывает метку для кнопки сброса масштабирования диаграмм. | STRING | Сброс | Д | Д | ||
LabelType | Задает тип метки для диаграммы Парето: Заголовок, Подзаголовок, Метка или Основной текст. | STRING | Подзаголовок | Д | Н | ||
LegendAlignment | Выравнивает текст легенды по верхнему краю, по середине или по нижнему краю. Опции, доступные для этого свойства, зависят от значения свойства LegendPosition. | STRING | Top | Н | Н | ||
LegendFilter | Добавляет фильтр легенды, позволяющий фильтровать диаграмму во время выполнения. | BOOLEAN | false | Н | Н | ||
LegendMarkerShapes | Задает форму маркера легенд рядов данных: Квадрат, Кружок или Нет. | STRING | Квадрат | Н | Н | ||
LegendMaxWidth | Задает максимальную ширину области легенды. | NUMBER | 736 | Д | Н | ||
LegendPosition | Задает положение легенды диаграммы: Сверху, Справа, Снизу или Слева. | STRING | Справа | Н | Н | ||
LineValuesPosition | Задает положение меток значений относительно точек данных на линии. Доступны следующие опции: Выше, С перекрытием или Ниже. | STRING | Выше | Н | Н | ||
MultipleDataSources | Позволяет визуально представлять данные на диаграмме из нескольких источников данных. Если выбрать это свойство, в списке свойств появятся дополнительные свойства DataSource и XAxisField. | BOOLEAN | false | Н | Н | ||
Notes | Указывает текст, отображаемый на диаграмме в области заметок. Можно ввести строку или выбрать лексему локализации. | STRING | Н/Д | Д | Д | ||
NotesAlignment | Выравнивает текст в области заметок По левому краю, По центру или По правому краю. | STRING | Слева | Н | Н | ||
NotesPosition | Задает позицию области заметок Сверху или Снизу. | STRING | Снизу | Н | Н | ||
NumberOfSeries | Задает число рядов данных, отображаемых на диаграмме. По умолчанию настройка Auto отображает все ряды данных из таблицы данных. В зависимости от настройки в списке свойств отображаются дополнительные свойства DataField таблицы данных, которые можно использовать для отображения соответствующего ряда числовых данных. Кроме того, в списке свойств отображаются дополнительные свойства форматирования состояния DataSeriesStyle. | NUMBER | Auto | Н | Н | ||
NumberOfYLabels | Задает число меток для отображения на оси Y.
| NUMBER | Auto | Н | Н | ||
ResetToDefaultValue | Сбрасывает все входы для виджета до значений по умолчанию. | Н/Д | Н/Д | Д | Н | ||
RulersInFront | Показывает линейки перед значениями данных. По умолчанию линейки отображаются позади данных. | BOOLEAN | False | Д | Н | ||
SecondYAxisLabel | Задает текстовую метку для второй оси Y. | STRING | Процент | Д | Д | ||
SecondYAxisLabelAlignment | Выравнивает метку для второй оси Y в соответствии со значением: Сверху, В середине или Снизу. | STRING | В середине | Н | Н | ||
SecondYAxisMaximumValues | Задает максимальный диапазон для значений на второй оси Y. По умолчанию максимум равен 100 %. | NUMBER | Auto | Д | Н | ||
SecondYAxisMinimumValues | Задает минимальный диапазон для значений на второй оси Y. По умолчанию минимум равен 0 %. | NUMBER | Auto | Д | Н | ||
SeriesClicked | Инициируется событие, если щелкнуть точку данных на диаграмме. | Н/Д | Н/Д | Д | Н | ||
ShowLineValues | Показывает метки значений, отображаемые в строке внутри диаграммы. | BOOLEAN | False | Д | Н | ||
ShowHideLegend | Добавляет кнопку "Показать/скрыть", которая позволяет показывать или скрывать легенду диаграммы во время выполнения.
| BOOLEAN | false | Н | Н | ||
ShowValues | Показывает метки значений на диаграмме. | BOOLEAN | False | Д | Н | ||
ShowXAxisRuler | Показывает линейку оси X. | BOOLEAN | False | Д | Н | ||
ShowYAxisRuler | Показывает линейку оси Y. | BOOLEAN | False | Д | Н | ||
SparkView | Показывает упрощенную визуализацию диаграммы. Выберите это свойство, чтобы скрыть метки, легенды и линейки. | BOOLEAN | False | Д | Н | ||
ShowZoomButtons | Показывает кнопки увеличения и уменьшения масштаба на панели инструментов диаграммы, если включено масштабирование по горизонтали или вертикали.
| BOOLEAN | false | Н | Н | ||
TabSequence | Номер последовательности виджета при выборе клавиши TAB. | NUMBER | 0 | Н | Н | ||
ThresholdLine | Позволяет отображать горизонтальную или вертикальную линию, отмечающую пороговое значение для кумулятивного процента. Доступные опции для этого свойства: Горизонтально, Вертикально, Оба или Нет. | STRING | Horizontal | Д | Н | ||
ThresholdValue | Задает процентное значение для пороговой линии. | NUMBER | 80 | Д | Н | ||
VerticalAxisMaxWidth | Задает максимальную ширину для вертикальной оси. | NUMBER | 85 | Д | Н | ||
XAxisField | Указывает столбец таблицы данных с данными для категорий, которые отображаются на диаграмме. | INFOTABLE | Н/Д | Н | Н | ||
XAxisLabel | Задает текстовую метку для оси X. | STRING | Ось X | Д | Д | ||
XAxisLabelAlignment | Выравнивает метку оси X Слева, По центру или Справа. | STRING | Center | Н | Н | ||
YAxisFormat | Задает формат для значений по оси Y. | STRING | 0000,0 | Д | Н | ||
YAxisLabel | Указывает текстовую метку для оси Y. | STRING | Ось Y | Д | Д | ||
YAxisLabelAlignment | Выравнивает текстовую метку для оси Y: Сверху, В середине или Снизу. | STRING | В середине | Н | Н | ||
YAxisMaximumValues | Задает максимальный диапазон для значений по оси Y. По умолчанию диапазон автоматически вычисляется на основе данных виджета. Значение для этого свойства игнорируется, если данные диаграммы содержат большее значение. | NUMBER | Auto | Д | Н | ||
YAxisMinimumValues | Задает минимальный диапазон для значений по оси Y. По умолчанию диапазон автоматически вычисляется на основе данных виджета. Значение для этого свойства игнорируется, если данные диаграммы содержат меньшее значение. | NUMBER | Auto | Д | Н |