配置项总览

本章节介绍AstroCanvas支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。

表1 配置项总览
类别	类型	说明
输入框	input	单行文本输入框
输入框	textarea	多行文本输入框
数字类型	input-number	计数器
数字类型	slider	滑块
切换类型	tab	切换
	switch	开关
	radio	单选
	checkbox	多选
颜色类型	colorpicker	颜色选择器
时间日期类型	time	时间选择器
下拉选择类型	select	下拉选择
循环类型	list	循环

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,
            },
          ],
        },
      ],
    },

图1 设置后效果