classfication
字段介绍
classfication字段代表的是当前组件需要展示哪些大的配置项分类。华为云Astro大屏应用在设计前期对分类也进行了分组,因此这个字段被扩展为双数组形式。一般默认情况下,直接在数组对象的第一个数组中配置即可。如果无配置,则所有属性展示在一个大的分类下。
classfication中的配置包含预置分类和自定义分类两种。
- 预置分类:主要是使用平台预置分类。
- 自定义分类:支持平台预置分类和用户自定义分类。
预置分类
预置分类为华为云Astro大屏应用预置的分类,包含的图标和名称如下所示:
name | 分类 | 图标关键字 | 图标 | 说明 |
|---|---|---|---|---|
card | 卡片-自定义 | card |
| - |
configuration | 配置-自定义 | configuration |
| 组件级的配置项建议放到该分类中,如背景、标题等。 |
series | 图形-自定义 | series |
| 图表的系列数据配置。 |
legend | 图例-自定义 | legend |
| 图表的图例显示/隐藏、样式控制配置。 |
tooltip | 提示-自定义 | tooltip |
| 图表的悬浮提示配置。 |
coordinate | 坐标轴-自定义 | coordinate |
| 图表的X、Y坐标轴配置。 |
referenceLine | 参考线-自定义 | referenceLine |
| 图表的X、Y轴参考线配置。 |
metrics | 指标-自定义 | metrics |
| 图表的指标配置,如显示/隐藏、内容和样式控制。 |
自定义分类
字段 | 类型 | 示例 | 说明 |
|---|---|---|---|
tip | Object | tip: { "zh_CN": "图形", "en_US": "Series" } | 鼠标悬浮提示,采用对象形式。 |
name | String | name: "code" | 分类的key及系统预置的图标。name值为预置类型时,tip和iconSrc非必填。name字段值应与belong字段映射。 |
iconSrc | String | iconSrc: "image/setting.png" | 图标地址。组件文件下,image文件中的setting.png。 |
classfication示例
classfication配置示例如下,其对应效果如图1所示。
classfication: [
[
{
name: 'configuration'
},
{
name: 'tooltip'
}
]
], 







