检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 单击“格式化”,可对样例报文进行格式化处理。 转换器:建议使用系统预置的“PromAPI预置连接器”,用于对数据进行转换处理。 单击“保存”,完成Prometheus数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。
{widget}.css 文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。AstroCanvas的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
i18n.json 文件介绍 i18n.json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n":
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认模板和标签模板两种样式。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认模板和标签模板两种样式。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认模板和标签模板两种样式。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认模板和标签模板两种样式。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认模板和标签模板两种样式。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认模板和标签模板两种样式。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认模板和标签模板两种样式。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。
通过参数控制响应动作 操作场景 在设置组件交互动作时,可以通过选择事件参数、全局变量或固定值,明确有哪些类型的参数可以传递。 操作步骤 参考创建大屏&PC端项目中操作,新建一个大屏项目。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。
AstroCanvas学堂 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化 如何进行设置页面 如何切换Canvas平台主题颜色
图的柱子、折线图的线条、拐点等。 图4 图形 碑节点样式 里程碑样式:设置里程碑的样式,可以使用预置样式,也可以使用图片。 节点样式:选择系统预置的里程碑样式,“里程碑样式”选择“预置”时,才会显示该参数。 选择图片:选择本地上传的图片或连接器中的图片,作为里程碑的样式。“里程碑样式”选择“图片”时,才会显示该参数。
下边距:进度条到组件边框底部的距离。 左边距:进度条到组件边框左侧的距离。 配置 在配置中,设置组件的模板、是否显示标题等。 图6 配置 参考模板:系统预置的进度条模板,单击默认或参考配色模板可进行切换。 组件标题 设置标题:是否显示组件标题。 内容:设置标题内容。 标题离容器上边距:标题距离组件上方的距离。
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认和带标签两种。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认和带标签两种。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认和带标签两种。 图4 带标签模板 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图5 边框圆角
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的瀑布柱图模板。 图表背景:图表的背景颜色。 颜色设置:设置图表背景颜色。 圆角:图表背景是否为圆角。 圆角半径:四边圆角时的圆角半径
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的数据标记柱图模板。 图表背景:图表的背景颜色。 颜色设置:设置图表背景颜色。 圆角:图表背景是否为圆角。 圆角半径:四边圆角时的圆角
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的水平基本柱图模板。 图表背景:图表的背景颜色。 颜色设置:设置图表背景颜色。 圆角:图表背景是否为圆角。 圆角半径:四边圆角时的圆角