检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置背景:饼图背景颜色、内外半径设置。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:图表中实际显示的系列名。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式,支持以下几种。 单色:可设置正常颜色和高亮下颜色。
柱条宽度:柱状条相对于X轴单位间隔的宽度,取值范围[1,100]。 数据标签:是否显示数据标签,即柱状条旁是否显示数值。开启后,支持设置数值显示位置和数值颜色。 数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。
视频流组件中,配置项的配置高于数据配置。 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的视频流类型为HTTP-FLV、HLS。当视频流类型选择“HTTP-FLV”时,可以设置是否静音播放。 数据 在数据中,设置视频流组件的数据来源,更多介绍请参见数据接入。 交互
间字体的颜色、大小等。 显示状态:是否显示状态。设置为显示时,支持设置默认/选中/高亮状态字体的颜色、大小等。 数据 在数据中,配置里程碑的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置里程碑组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 文本
刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 网格线是否显示:是否显示轴网格线、轴网格线的类型和颜色设置。 数据 在数据中,设置热力图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置热力图与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题:
组件配置项(Config配置) 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题: 自定义组件开发规范
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置圆角矩形水位图组件的数据来源,更多介绍请参见数据接入 交互 在交互中,配置圆角矩形水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,支持单色、渐变色。 数据 在数据中,设置矩形水位图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置矩形水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
放大倍数:组件发布后,选择框在页面占位相对于开发态中放大的倍数。在大屏页面中,放大倍数建议设置大一些。 右边距:选择框相对于组件右边框的距离。 上边距:选择框相对于组件上边框的距离。 全选:是否显示全选框。 数据 在数据中,设置复选框组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置复选框组件与
对应的序列上会显示提示信息,如图7。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。 数据 在数据中,设置贪吃蛇饼图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置贪吃蛇饼图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题: 自定义组件开发规范
(全局组件、库、静态数据)。 将页面发布为全局模板 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 在所有页面中,单击待发布为全局模板的页面。 单击“编辑页面”,进入大屏开发页面。 在大屏开发页面,单击,选择“发布为全局模板”。
在设置组件交互动作时,可以通过选择事件参数、全局变量或固定值,明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作,新建一个大屏项目。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。 选中实心圆饼图,单击,进入交互设置页面。
场景:该组件包的应用场景。勾选后,在相应类型页面开发中,才可使用该组件。 版本说明:组件的描述信息。 在大屏页面中拖入该组件,预览组件效果。 进入AstroCanvas界面,从大屏开发页面的“全部组件 > 自定义组件 > 其它”中,拖入widgetdemomintui组件到设计区域,调整组件大小,单击,预览效果。
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置水滴水位图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置水滴水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
设置背景:饼图背景颜色、内外半径设置。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:图表中实际显示的系列名称。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式,支持以下几种。 单色:可设置正常颜色和高亮下颜色。
字体大小:设置后缀的字体大小。 目标数据显示:是否显示目标数据。 目标数据标题:设置目标数据的标题,如当前目标。 字体:设置目标数据标题的字体、大小和颜色等。 完成数据显示:是否显示完成数据。 完成数据标题:设置完成数据的标题,如已完成。 字体:设置完成数据标题的字体、大小和颜色等。 进度条配置
echarts组件作为响应器的动作时,可以在自定义动作中设置。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下
折线宽度:设置图形中折线的宽度,取值范围0~100 拐点尺寸:设置拐点尺寸,取值范围0~100 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。