帕累托图小组件 (可应用主题)
简介
帕累托图是一种结合了条形图和折线图的图表类型。各个值由条形图按降序表示，而累计值则由折线图表示。帕累托图中的累积线将根据条形图中的数据自动计算。
如需了解在 Mashup Builder 中创建帕累托图的方法，请观看以下视频。要在更大的窗口中观看视频，请单击视频标题。
 | 如果从 SDK 导入，则此小组件可作为平台中的“标准”包含和 Web 组件使用。 |
数据格式
必须创建一个其中包含表示图表数据结构的字段定义的信息表。信息表必须包含用于设置 X 和 Y 轴值的字段定义。您可以添加多个数据系列，方法是添加用于设置数据系列值的字段定义来添加其他列。每个信息表行表示 X 轴上的类别及其相应 Y 轴值。下表列出了信息表的数据格式：
X 轴 | Y 轴值 | Y 轴值 N | |
|---|---|---|---|
字段定义 | x:{name:'x',baseType:'STRING'} | value1:{name:'value1',baseType:'NUMBER'} | value2:{name:'value2',baseType:'NUMBER'} |
作用 | 用于定义图表条形或列的 X 轴值。数据必须使用 STRING 基本类型。每一行在 X 轴上显示为一个类别。为此列定义的名称是应该为 XAaxisField 小组件属性选择的选项。 | 用于定义 Y 轴值和类别的图例标签。 | 用于定义 Y 轴值和每个附加数据系列的图例标签。 |
基本类型 | STRING | NUMBER | NUMBER |
行示例 | x:'Apple' - 其中 Apple 是将显示在 X 轴上的类别名称 | value1:10 - 类别的 Y 轴值 | value2:30 - 第二个数据系列的 Y 轴值 |
下图显示了 y 轴上具有四个字段定义的信息表所返回数据的示例：
属性表
帕累托图小组件的属性如下：
属性名称 | 说明 | 基本类型 | 默认值 | 是否可绑定? (Y/N) | 是否可本地化? (Y/N) |
|---|---|---|---|---|---|
SampleSize | 用于指定：图表中显示的数据点的数量。 | NUMBER | 不可用 | N | N |
ShowZoomButtons | 启用水平或垂直缩放后，在图表工具栏上显示放大和缩小按钮。 | BOOLEAN | False | N | N |
EmptyChartIcon | 用于指定：图表为空白时显示的图标。 | 媒体实体 | not visible | N | N |
EmptyChartLabel | 用于指定：图表为空白时显示的文本。 | STRING | [[ChartStateLabelEmpty]] | N | Y |
ErrorStateIcon | 用于指定：图表为空白时显示的图标。 | 媒体实体 | error | N | N |
ErrorStateLabel | 用于指定：图表为空白时显示的文本。 | STRING | N | Y | |
LoadingIcon | 用于指定：加载图表数据时显示的图标。 | 媒体实体 | chart loading icon | N | N |
NoDataSourceIcon | 用于指定：图表未绑定到数据源时显示的图标。 | 媒体实体 | bind | N | N |
NoDataSourceLabel | 用于指定：图表未绑定到数据源时显示的文本。 | STRING | [[ChartStateLabelNoData]] | N | Y |
CumulativeLineLabel | 用于指定在图例区中为累积线标签显示的文本。 | STRING | 百分比 | Y | Y |
CumulativeLineMarkerShape | 用于设置累计线上数据点的标记形状。 可用选项包括“圆形”、“方形”、“菱形”或“无”。 | STRING | 圆形 | Y | N |
CumulativeLineMarkerSize | 用于设置累计线上数据点的标记大小。 | NUMBER | 8 | Y | N |
CustomClass | 用户定义的 CSS 类，应用于小组件顶层 div。可以输入多个类，以空格作为分隔符。 | STRING | 不可用 | Y | N |
Data | 图表的信息表数据源。 | INFOTABLE | 不可用 | Y | N |
DataLabel1 - DataLabel24 | 将 NumberOfSereis 设置为特定数值时，将列出这些属性。可使用属性为图例中的每个数据系列指定自定义标签。有关详细信息，请参阅自定义图表图例。 | STRING | 不适用 | N | Y |
DataSeriesStyle | 用于配置图表上所有数据系列的状态格式。 可基于数据值设置系列的样式，便于发现趋势和模式。 要配置每个数据系列的格式规则，请为 NumberOfSeries 属性输入某一特定值。 | STATEDEFINITION | 不适用 | N | N |
EmphasizeThresholdFactors | 用于突显低于指定阈值的数据。 | BOOLEAN | False | Y | N |
ExternalPadding | 设置距离轴的填充。填充是条宽度的百分比。 | NUMBER | 25 | Y | N |
HideCumulativeLine | 隐藏累计百分比标示线。 | BOOLEAN | False | Y | N |
HideDataTooltips | 隐藏悬停或选择图表中的数据点时显示的工具提示。 | BOOLEAN | False | N | N |
HideLegend | 隐藏图例区域。 | BOOLEAN | False | Y | N |
HideNotes | 隐藏注解区域。 | BOOLEAN | False | Y | N |
HideSecondYAxis | 隐藏次 Y 轴。 | BOOLEAN | False | Y | N |
HideXAxis | 隐藏 X 轴。 | BOOLEAN | False | Y | N |
HideYAxis | 隐藏 Y 轴。 | BOOLEAN | False | Y | N |
HorizontalAxisMaxHeight | 设置水平轴的最大高度。 | NUMBER | 85 | Y | N |
HorizontalAxisLabelsRotation | 设置标签在水平轴上的旋转角度。可输入 -180 到 180 之间的任意值。 | NUMBER | 自动大小 | N | N |
HorizontalZoom | 用于放大水平轴。 选择此属性时，附加的 HorizontalRangeZoom、HorizontalSliderZoom、DirectSelectionZoom 和 DragSelectionZoom 属性将出现在属性列表中。 | BOOLEAN | False | Y | N |
DirectSelectionZoom | 可通过选择图表中的两个数据项直接放大。 可用选项为“水平轴”和“无”。 | STRING | 无 | Y | N |
DragSelectionZoom | 可通过在要查看的数据范围周围绘制一个选择框来放大图表的特定部分。 可用选项为“水平轴”和“无”。 | STRING | 无 | Y | N |
HorizontalRangeZoom | 添加用于在水平轴上指定值范围内进行放大的控件。 选择此属性后，HorizontalStartZoomLabel 和 HorizontalEndZoomLabel 属性将出现在属性列表中。 | BOOLEAN | False | Y | N |
HorizontalStartZoomLabel | 用于指定范围选择的起始位置的文本标签。 | STRING | 不可用 | Y | Y |
HorizontalRangeZoomDateFormat | 使用范围选择缩放时，在日期选择框中设置日期格式。所支持格式均基于 Moment.js JavaScript 库，且区分大小写。 | STRING | 不适用 | N | N |
HorizontalRangeZoomDateWidth | 启用缩放后，设置水平轴上日期选择框的宽度。 | NUMBER | 332px | N | N |
HorizontalEndZoomLabel | 用于指定范围选择的结束位置的文本标签。 | STRING | 不可用 | Y | Y |
HorizontalSliderZoom | 添加一个滑块控件，用于在水平轴上显示介于最小值和最大值之间的数据 选择此属性后，HorizontalSliderZoomMinLabel 和 HorizontalSliderZoomMaxLabel 属性将出现在属性列表中。 | BOOLEAN | False | Y | N |
HorizontalSliderZoomMinLabel | 用于指定滑块缩放控件最小值的文本标签。 | STRING | 不可用 | Y | Y |
HorizontalSliderZoomMaxLabel | 用于指定滑块缩放控件最大值的文本标签。 | STRING | 不可用 | Y | Y |
InternalPadding | 设置系列之间的填充。填充是条宽度的百分比。 | NUMBER | 25 | Y | N |
Label | 指定为帕累托图显示的文本标签。 | STRING | 帕累托图 | Y | Y |
LabelAlignment | 将小组件标签的文本“左”、“居中”或“右”对齐。 | STRING | 左 | N | N |
LabelPosition | 将文本标签的位置设置为“上”或“下”。 | STRING | 上 | N | N |
LabelReset | 用于指定重置图表缩放的按钮的标签。 | STRING | 重置 | Y | Y |
LabelType | 将帕累托图的标签类型设置为“标题”、“子标题”、“标签”或“正文”。 | STRING | 子标题 | Y | N |
LegendAlignment | 按“上”、“中”或“下”对齐图例文本。 此属性的可用选项取决于 LegendPosition 属性的设置。 | STRING | 上 | N | N |
LegendFilter | 添加图例筛选器以允许用户在运行时筛选图表。 | BOOLEAN | False | N | N |
LegendMarkerShapes | 将数据系列图例的标记形状设置为“方形”、“圆形”或“无”。 | STRING | 方形 | N | N |
LegendMaxWidth | 设置图例区域的最大宽度。 | NUMBER | 736 | Y | N |
LegendPosition | 将图表图例的位置设置为“上”、“右”、“下”或“左”。 | STRING | 右 | N | N |
LineValuesPosition | 用于设置值标签相对于线上数据点的位置。 可用选项为“靠上”、“重叠”或“靠下”。 | STRING | 高于 | N | N |
MultipleDataSources | 可用于在图表上显示来自多个数据源的数据。 选择此属性后，附加的 DataSource 和 XAxisField 属性将出现在属性列表中。 | BOOLEAN | False | N | N |
Notes | 指定在图表注解区域中显示的文本。可以输入字符串，也可以选择本地化标记。 | STRING | 不可用 | Y | Y |
NotesAlignment | 将注解区域内的文本“左”、“居中”或“右”对齐。 | STRING | 左 | N | N |
NotesPosition | 将注解区域的位置设置为“上”或“下”。 | STRING | 底部 | N | N |
NumberOfSeries | 用于设置图表中所显示数据系列的数量。默认情况下，“自动”设置将显示信息表数据中的所有系列。 根据用户设置，其他信息表 DataField 属性将出现在可用于显示相应数字数据系列的属性列表中。此外，属性列表中还会显示其他 DataSeriesStyle 状态格式属性。 | NUMBER | Auto | N | N |
NumberOfYLabels | 设置要在 Y 轴上显示的标签数。 | NUMBER | Auto | N | N |
ResetToDefaultValue | 将此小组件的输入重置为其默认值。 | 不适用 | 不适用 | Y | N |
RulersInFront | 在数据值前方显示标尺。默认情况下，标尺显示在数据后方。 | BOOLEAN | False | Y | N |
SecondYAxisLabel | 用于指定次 Y 轴的文本标签。 | STRING | 百分比 | Y | Y |
SecondYAxisLabelAlignment | 将次 Y 轴的标签“上”、“中”或“下”对齐。 | STRING | 居中 | N | N |
SecondYAxisMaximumValues | 用于设置次 Y 轴值的最大范围。默认情况下，最大范围为 100%。 | NUMBER | Auto | Y | N |
SecondYAxisMinimumValues | 用于设置次 Y 轴值的最小范围。默认情况下，最小范围为 0%。 | NUMBER | Auto | Y | N |
SeriesClicked | 当用户单击图表中的数据点时触发事件。 | 不适用 | 不适用 | Y | N |
ShowLineValues | 显示图表内线上显示的值标签。 | BOOLEAN | False | Y | N |
ShowHideLegend | 添加了用于在运行时显示或隐藏图表图例的显示/隐藏按钮。 | BOOLEAN | False | N | N |
ShowValues | 显示图表中的值标签。 | BOOLEAN | False | Y | N |
ShowXAxisRuler | 显示 X 轴标尺。 | BOOLEAN | False | Y | N |
ShowYAxisRuler | 显示 Y 轴标尺。 | BOOLEAN | False | Y | N |
SparkView | 显示图表可视化的简化视图。 选择此属性可隐藏标签、图例和标尺。 | BOOLEAN | False | Y | N |
ShowZoomButtons | 启用水平或垂直缩放后，在图表工具栏上显示放大和缩小按钮。 | BOOLEAN | False | N | N |
TabSequence | 按 TAB 键时小组件的序号。 | NUMBER | 0 | N | N |
ThresholdLine | 能够让您显示一条用于标记累计百分比阈值的水平线或垂直线。 该属性的可用选项为“水平”、“垂直”、“两者”或“无”。 | STRING | Horizontal | Y | N |
ThresholdValue | 用于设置阈值线的百分比值。 | NUMBER | 80 | Y | N |
VerticalAxisMaxWidth | 用于设置：垂直轴的最大宽度。 | NUMBER | 85 | Y | N |
XAxisField | 用于指定与图表上显示的类别相对应的信息表列的数据。 | INFOTABLE | 不适用 | N | N |
XAxisLabel | 用于指定 X 轴的文本标签。 | STRING | X 轴 | Y | Y |
XAxisLabelAlignment | 将 X 轴标签“左”、“居中”或“右”对齐。 | STRING | 居中 | N | N |
YAxisFormat | 用于设置 Y 轴值的格式。 | STRING | 0000.0 | Y | N |
YAxisLabel | 用于指定 Y 轴的文本标签。 | STRING | Y 轴 | Y | Y |
YAxisLabelAlignment | 将 Y 轴的文本标签“上”、“中”或“下”对齐。 | STRING | 居中 | N | N |
YAxisMaximumValues | 用于设置 Y 轴值的最大范围。默认情况下，范围会根据小组件数据自动计算。如果图表数据包含更大的值，则此属性的值将会被忽略。 | NUMBER | Auto | Y | N |
YAxisMinimumValues | 用于设置 Y 轴值的最小范围。默认情况下，范围会根据小组件数据自动计算。如果图表数据包含更小的值，则此属性的值将会被忽略。 | NUMBER | Auto | Y | N |
YAxisValuesFormat | 用于设置：Y 轴值标签的格式。 将 ShowValues 设置为 True 时，此属性可用。 | STRING | Y | N |