|
파이 차트 위젯은 ThingWorx 9.4 이상에서 Mashup Builder의 위젯 및 SDK에서 가져올 수 있는 웹 구성 요소로 사용할 수 있습니다.
|
조각 레이블 | 조각 값 | |
---|---|---|
필드 정의 | x: { name: 'x', baseType: 'STRING' } | value: { name: 'value', baseType: 'NUMBER' } |
사용 | 조각 레이블을 정의합니다. 데이터에는 STRING, NUMBER 또는 DATETIME 기본 유형이 있어야 합니다. 각 행은 차트에 조각으로 표시됩니다. 이 열에 대해 정의된 이름은 위젯 DataField 속성에서 선택해야 하는 옵션입니다. | 카테고리의 값과 범례 레이블을 정의합니다. |
기본 유형 | STRING, NUMBER 또는 DATETIME | NUMBER |
행 예 | x: 'Apple' - 여기서 Apple은 조각에 표시할 데이터 레이블입니다. | value: 10 - 조각의 값입니다. |
런타임에 서비스가 이벤트에 의해 트리거되는지 확인합니다. |
런타임에 자동으로 차트 데이터를 업데이트하려면 자동 새로 고침 기능을 만들고 차트 데이터 서비스에 바인딩합니다. 자세한 내용은 자동 새로 고침을 참조하십시오. |
위젯이 도넛형 차트로 구성되면 폴라 보기 모드가 지원되지 않습니다. |
이름 | 설명 | 기본 유형 | 기본값 | 바인딩 가능 여부 |
---|---|---|---|---|
CustomClass | 위젯의 최상위 div에 적용할 사용자 정의 CSS 클래스입니다. 여러 개의 클래스를 공백으로 구분하여 입력할 수 있습니다. | STRING | 해당 없음 | Y |
Data | 차트에 대한 데이터가 포함된 인포테이블입니다. | INFOTABLE | 해당 없음 | Y |
DataField | 차트에 표시할 데이터 레이블이 포함된 인포테이블 열을 지정합니다. | 필드 이름 | 해당 없음 | N |
DataFieldType | 데이터 레이블의 서식을 제어합니다. | STRING | 문자열 | N |
DataStyle | 차트에 상태 서식을 적용합니다. | 상태 정의 | 해당 없음 | N |
Disabled | 매쉬업에서 위젯을 비활성화합니다. 위젯이 매쉬업에 표시되지만 클릭하거나 선택할 수는 없습니다. | BOOLEAN | False | Y |
DonutHoleSize | 파이 차트 가운데의 구멍 크기를 설정합니다. 이 속성을 사용하여 도넛형 차트를 표시합니다. 지원되는 값은 40~99입니다. | NUMBER | 0 | Y |
DonutSelectionlabelType | 도넛형 차트에서 선택한 조각의 값을 표시하는 데 사용되는 레이블의 유형입니다. | STRING | 큰 제목 | N |
EndAngle | 파이 차트의 끝 각도를 설정합니다. | NUMBER | 360 | Y |
StartAngle | 차트의 시작 각도를 설정합니다. | NUMBER | 0 | Y |
HideLegend | 차트에서 범례 영역을 숨깁니다. | BOOLEAN | False | Y |
HideNotes | 차트에서 메모 영역을 숨깁니다. | BOOLEAN | False | Y |
HighlightSelection | 차트에서 선택한 조각을 강조 표시합니다. | BOOLEAN | False | N |
Label | 파이 차트에 표시할 텍스트 레이블을 지정합니다. | STRING | 파이 차트 | Y |
LabelAlignment | 파이 차트 위젯의 레이블을 왼쪽, 가운데 또는 오른쪽에 정렬합니다. | STRING | 왼쪽 | N |
LabelPosition | 맨 위 또는 맨 아래에 레이블 위치를 설정합니다. | STRING | 맨 위 | N |
LabelType | 파이 차트에 사용되는 레이블 유형을 제어합니다. | STRING | 하위 머리글 | Y |
Margin | 매쉬업 레이아웃에서 위젯 주위에 공간을 설정할 수 있습니다. | NUMBER | 5 | N |
Notes | 차트의 메모 영역 내에 표시할 텍스트를 지정합니다. 문자열을 입력하거나 로컬리제이션 토큰을 선택할 수 있습니다. | STRING | 해당 없음 | Y |
NotesAlignment | 메모 텍스트를 메모 영역 내의 왼쪽, 오른쪽 또는 가운데로 정렬합니다. | STRING | 왼쪽 | N |
NotesPosition | 메모 영역의 위치를 맨 위 또는 맨 아래에서 설정합니다. | STRING | 맨 아래 | N |
PercentileValues | 데이터 값을 변환하고 백분율로 표시합니다. | BOOLEAN | False | N |
PieSlicePadding | 파이 차트 조각 사이의 안쪽 여백 크기를 설정합니다. | NUMBER | 0 | N |
PieSliceRadius | 차트 조각의 코너 반지름을 지정합니다. | NUMBER | 0 | N |
PolarView | 반지름을 사용하여 값 사이의 차이를 시각화합니다. 각 카테고리는 동일한 각도로 표시됩니다. | BOOLEAN | False | N |
ResetToDefaultValue | 런타임에 위젯을 기본값으로 재설정하는 바인딩 가능한 서비스입니다. | 서비스 | 해당 없음 | Y |
SelectedData | 차트에서 선택한 조각에 대한 데이터가 포함된 인포테이블입니다. 여러 선택이 활성화되면 여러 행을 포함합니다. | INFOTABLE | 해당 없음 | Y |
SelectionMode | 선택 모드를 "단일" 또는 "여러"로 설정할 수 있습니다. | STRING | 단일 | Y |
SeriesClicked | 위젯의 데이터를 클릭할 때 트리거되는 이벤트입니다. | 이벤트 | 해당 없음 | Y |
ShowDataLoading | 위젯의 데이터가 로드될 때 로딩 아이콘을 표시합니다. | BOOLEAN | True | N |
ShowDonutSliceLabel | 도넛형 차트 조각의 레이블을 표시합니다. | BOOLEAN | False | N |
ShowHideLegend | 런타임에 범례 영역을 표시하거나 숨기는 전환 버튼을 표시합니다. | BOOLEAN | False | N |
ShowValues | 차트에 조각 값을 표시합니다. 작은 보기 포트에서 위젯을 열 경우 표시되는 조각의 수를 제한해야 합니다. | BOOLEAN | False | Y |
ValuesPosition | 차트에서 차트 값 레이블의 위치를 제어합니다. 옵션: • 조각 위 • 조각 외부 • 조각 외부(선 포함) | STRING | 조각 위 | N |
SparkView | 차트의 단순화된 시각화를 표시합니다. | BOOLEAN | False | Y |
TabSequence | Tab 키를 누를 때 위젯의 시퀀스 번호입니다. | NUMBER | 0 | N |
ValueField | 차트의 각 레이블에 대한 데이터 값을 포함하는 인포테이블 열입니다. | 필드 이름 | 해당 없음 | N |
ValueFormat | 차트에 표시되는 데이터 값에 서식을 적용합니다. 차트가 작은 보기 포트의 레이블에 맞도록 서식을 사용자 정의할 수 있습니다. | STRING | 0000.0 | Y |
ValuesTooltip | 차트 도구 설명의 서식 및 콘텐츠를 구성할 수 있습니다. 자세한 내용은 사용자 정의 차트 도구 설명 생성을 참조하십시오. | STRING | PieChartDefaultTooltip | Y |
Visible | 런타임에 위젯의 표시 유형을 제어합니다. | BOOLEAN | True | Y |