更新时间:2024-05-21 GMT+08:00
分享

classfication

字段介绍

classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组,因此这个字段被扩展为双数组形式。一般默认情况下,直接在数组对象的第一个数组中配置即可。若无配置,则所有属性展示在一个大的分类下。

classfication中的配置包含预置分类和自定义分类两种。

  • 预置分类:主要是使用平台预置分类。
  • 自定义分类:支持平台预置分类和用户自定义分类。

预置分类

预置分类为AstroCanvas预置的分类,包含的图标和名称如下所示:

表1 预置分类包含的图标和名称

name

分类

图标关键字

图标

说明

card

卡片-自定义

card

-

configuration

配置-自定义

configuration

组件级的配置项建议放到该分类中,如背景、标题等。

series

图形-自定义

series

图表的系列数据配置。

legend

图例-自定义

legend

图表的图例显示/隐藏、样式控制配置。

tooltip

提示-自定义

tooltip

图表的悬浮提示配置。

coordinate

坐标轴-自定义

coordinate

图表的X、Y坐标轴配置。

referenceLine

参考线-自定义

referenceLine

图表的X、Y轴参考线配置。

metrics

指标-自定义

metrics

图表的指标配置,如显示/隐藏、内容和样式控制。

自定义分类

自定义分类时,可以使用分类的对象形式,对象中可以配置的字段如下表所示。
表2 自定义分类对象中的字段

字段

类型

示例

说明

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: 'card',
      },
      {
        name: 'configuration',
      },
      {
        tip: {
          zh_CN: '图形',
          en_US: 'Figure',
        },
        name: 'figure',
        iconSrc: 'image/series.png',
      },
    ],
  ],
图1 设置后效果
分享:

    相关文档

    相关产品