检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
其他数据源 配置组件数据时，支持直接创建关系型数据库、ROMA连接器、DLI、DWS、AstroZero、AstroZero API、HTTP连接器和Prometheus数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前，需要提前在数据中心创建各种类型数据源，配置过程中
刷新周期：每隔多少秒从数据集中读取一次数据，默认配置为“0”，表示只获取一次。 从数据输入中拖拽数据输入节点到右侧画布中，数据集选择已创建的“多数据流1”。 图4 添加一个数据输入节点 图5 添加多数据流1后效果 再从数据输入中，拖拽一个数据输入节点到右侧画布中，数据集选择已创建的“多数据流2”。
左右偏移量：设置时间的左右偏移位置。 数据系列 显示碑节点样式：是否显示碑节点样式。 默认状态样式：设置碑节点的默认状态样式，支持图片改色和上传图片两种样式。 默认颜色：设置碑节点的默认样式的颜色。 选中状态样式：设置碑节点的选中状态。 选中颜色：设置碑节点选中时的颜色。 高亮状态样式：设置碑节点高亮状态的样式。 高亮颜色：设置碑节点高亮状态的颜色。
等。 描述旋转：设置描述文字旋转角度。 轴节点 类型：轴节点的类型，支持时间型、类目型和数值型。 节点形状：设置节点的形状，支持圆形和菱形。 节点默认样式：设置节点默认样式的颜色。 节点选中样式：设置选中节点时的颜色。 节点大小：设置节点的大小。 数据 在数据中，设置时间轴组件的数据来源，更多介绍请参见数据接入。
input 配置项说明 表1 input配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 subType String 否 subType: "password" 子类型，支持的类型有number、password。
textarea 配置项说明 表1 textarea配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "textarea" 配置项类型。 value String 否 - 默认值。 name String 是 name: "commProps.myString"
input-number 配置项说明 表1 input-number配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input-number" 配置项类型。 value String 否 value: 1 默认值。 name String 是
通用配置 配置项说明 表1 配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
页签，单击“当前页面使用的数据”，重新配置。 图4 导入项目包 选择安装包，安装该项目即可。 安装成功后，界面会显示“安装包成功”。在已安装的项目上，单击项目图标，即可进入该项目。 父主题： 发布及安装项目
配置项总览 本章节介绍AstroCanvas支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
参考线是指为图表组件添加可视化的参考标准，为图表中数据提供具体的参考依据。 组件数据来源 组件是大屏页面的组成元素，配置页面数据即为配置组件数据。选中组件，单击组件上方的，可配置组件在页面呈现数据的来源，更多介绍请参见数据接入。 图5 配置组件数据 组件交互 AstroCanvas为组件设计了事件-动作机制实现组件与
组件配置项（Config配置） 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题： 自定义组件开发规范
checkbox 配置项说明 表1 checkbox配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "checkbox" 配置项类型。 value Boolean 否 value: true 默认值。 name String 是 name: "commProps
() => () 远程搜索方法。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 select配置示例如下，配置后效果如图1所示。 { type: 'select', name:
false 是否展示提示图标。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 radio配置示例如下，配置后效果如图1所示。 { type: 'radio', name:
time 配置项说明 表1 time配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "time" 配置项类型。 subType String 否 subType: "date" 子类型，支持的类型有time、date和datetime。 value
list 配置项说明 表1 list配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "list" 配置项类型。 name String 是 name:"intervalColors" 双向绑定list名称。 label Object 否 label:
是否显示该配置项，可自定义函数，根据其他选项的值来判定是否显示，返回true显示function定义。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 switch配置示例如下，配置后效果如图1所示。
colorpicker 配置项说明 表1 colorpicker配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "colorpicker" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name
选项中值对应的key，默认为value。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 tab配置示例如下，配置后效果如图1所示。 { type: 'tab', name: 'commProps
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
