classfication
字段介绍
classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组,因此这个字段被扩展为双数组形式。一般默认情况下,直接在数组对象的第一个数组中配置即可。如果无配置,则所有属性展示在一个大的分类下。
classfication中的配置包含预置分类和自定义分类两种。
- 预置分类:主要是使用平台预置分类。
- 自定义分类:支持平台预置分类和用户自定义分类。
预置分类
预置分类为AstroCanvas预置的分类,包含的图标和名称如下所示:
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' } ] ],