# 配置项总览
本章节介绍华为云Astro大屏应用支持的组件配置项，您可以通过*{widget}*.editor.js文件中定义的type字段，来定义组件的类型和配置。
表1配置项总览 
| 类别     | 类型                                                                                              | 说明      |
|:---|:---|:---|
| 输入框    | [input](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7135.html)        | 单行文本输入框 |
| 输入框    | [textarea](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7136.html)     | 多行文本输入框 |
| 数字类型   | [input-number](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7137.html) | 计数器     |
| 数字类型   | [slider](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7138.html)       | 滑块      |
| 切换类型   | [tab](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7139.html)          | 切换      |
| 切换类型   | [switch](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7140.html)       | 开关      |
| 切换类型   | [radio](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7141.html)        | 单选      |
| 切换类型   | [checkbox](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7142.html)     | 多选      |
| 颜色类型   | [colorpicker](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7143.html)  | 颜色选择器   |
| 时间日期类型 | [time](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7144.html)         | 时间选择器   |
| 下拉选择类型 | [select](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7145.html)       | 下拉选择    |
| 循环类型   | [list](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_7146.html)         | 循环      |
   
#### config配置示例
config配置示例如下，设置后效果如[图1]所示。
```
{
      migrateFrom: 'advancedSettings',
      headerTitle: { zh_CN: '数据映射', en_US: 'Data Mapping' },
      belong: 'configuration',
      config: [
        {
          type: 'select',
          name: 'commonProps.emphasisFocus',
          label: { zh_CN: '高亮时淡出', en_US: 'Emphasis Focus' },
          value: 'series',
          options: [
            {
              label: { zh_CN: '不淡出其它图形', en_US: 'None' },
              value: 'none',
            },
            {
              label: { zh_CN: '只聚焦当前高亮的数据的图形', en_US: 'Self' },
              value: 'self',
            },
            {
              label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形', en_US: 'Series' },
              value: 'series',
            },
          ],
        },
        {
          type: 'tab',
          name: 'commonProps.showLabel',
          label: { zh_CN: '显示标签', en_US: 'Emphasis Focus' },
          value: true,
          options: [
            {
              label: { zh_CN: '显示', en_US: 'Show' },
              value: true,
            },
            {
              label: { zh_CN: '隐藏', en_US: 'Hide' },
              value: false,
            },
          ],
        },
      ],
    },
```
图1config配置设置后效果   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158424369.png "点击放大")