Help Center/ Huawei Cloud Astro Canvas/ User Guide/ Custom Widget Development Specifications/ Code Structure Introduction/ Description of Directory Files/ {widget}.editor.js/ classfication
Updated on 2025-03-24 GMT+08:00
View PDF
Share

classfication

Field Description

The classfication field indicates the major configuration item classification to be displayed in the current widget. Huawei Cloud Astro Canvas also groups categories in the early design phase. Therefore, this field is extended to the dual-array format. By default, you can directly configure the first array of the array object. If no array is configured, all attributes are displayed under a large classification.

The classification configuration includes the preset classification and custom classifications.

  • Preset classification: Classification preconfigured on the platform are used.
  • Custom classification: supports the preset classification on the platform and custom classifications.

Preset Classification

The preset classification of Huawei Cloud Astro Canvas includes the icons and names as follows:

Table 1 Icons and names of the preset classification

name

Classification

Icon Keyword

Icon

Description

card

card - custom

card

-

configuration

configuration - custom

configuration

It is recommended that widget-level configuration items, such as the background and title, be placed in this classification.

series

series - custom

series

Series data configuration of charts.

legend

legend - custom

legend

Display or hide of legends of charts and control of styles.

tooltip

tooltip - custom

tooltip

Tooltip of charts.

coordinate

coordinate - custom

coordinate

X and Y coordinate of the chart.

referenceLine

referenceLine - custom

referenceLine

X and Y referenceLine of the chart.

metrics

metrics - custom

metrics

Metrics of the chart, for example, display/hide, content and style control.

Custom Classification

When customizing a classification, you can use the classification object. The following table lists the fields that can be configured in the object.
Table 2 Fields in custom classification objects

Field

Type

Example

Description

tip

Object

tip: { "zh_CN": "Series", "en_US": "Series" }

Tip, in objects.

name

String

name: "code"

Classification key and preset icon. When the value of name is preset, tip and iconSrc are optional. The value of the name field must be mapped to the value of the belong field.

iconSrc

String

iconSrc: "image/setting.png"

Icon address. setting.png in the image file in the widget.

Example

Figure 1 shows the effect when a classfication is configured.

classfication: [
    [
        { 
            name: 'configuration' 
        }, 
       {
            name: 'tooltip' 
       }
    ]
],
Figure 1 Effect
Parent topic: {widget}.editor.js