检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用交通管理模板创建大屏 在大屏开发页面,单击页面上方的,保存页面。 保存成功后,单击页面上方的,进行页面发布设置。 打开发布链接。 图2 打开页面发布链接 在访问限制中,配置内容安全策略。 例如,将A市交通管理大屏嵌入第三方系统,如图3所示。 图3 安全策略设置样例 其中,“fr
域折线图和基本柱图,并发布。 图2 页面二 图3 页面三 在页面一中,选中玫瑰花饼图,单击组件上方的,设置玫瑰花饼图和页面二之间的交互。 图4 与页面二之间的交互 页面类型:选择待跳转页面的类型,支持选择本项目内页面或外部页面。 内部页面:选择待跳转的具体页面。“页面类型”设置为“内部页面”时,才显示该配置。
字距(px):设置动态量词文字之间的间距,单位为“px”。 前缀后缀:设置指标的前缀、后缀。 前缀:是否显示前缀,设置为“显示”时,支持设置如下属性。 前缀内容:直接在下拉框中选择。 前缀字体:设置前缀的字体、大小和颜色等。 前缀右间距:设置前缀和指标之间的间距。 图8 前缀右间距
门槛,让业务人员可快速完成配置。AstroCanvas当前支持如下几种类型的数据集,其与数据源、转换器和目录之间的关系,如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图
name: 'commonProps.showLabel', label: { zh_CN: '显示标签', en_US: 'Emphasis Focus' }, value: true, options:
数字背景颜色:设置翻牌器中数字的背景颜色。“数字背景”设置为“显示”时,才会显示该参数。 数字间隔:设置翻牌器数字之间的距离,单位为px。 卡片内边距:设置翻牌器数字与组件卡片之间的边距。 千分逗号:数字是否显示千分逗号,默认为“显示”。 标题:翻牌器标题是否显示,默认为“隐藏”。 标题
右对齐和居中。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上、左、右三个边界之间的距离,下为标题与图表之间的距离,单位默认px。 图4 词云内边距 标题偏移:组件标题与词云图表之间的偏移量。 图5 词云标题偏移 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边
widgetActionTemplate 当自定义组件需要添加动作属性时,请选用该模板。 事件和动作都是Widget的配置属性,用于实现Widget之间的交互。例如,单击某个Widget内的按钮,另外一个Widget需要进行数据更新操作,或者是需要跳转到同个应用下的其他页面,这时需要通过事
字体、大小和颜色等。 图4 标题配置 文本设置 文本内容:设置文本内容。 字体:设置输入文本内容的字体、大小和颜色等。 文字间距:设置文字之间的距离。 对齐方式:设置文本内容对齐方式,支持左对齐、居中和右对齐。 问号提示 问号提示:是否显示问号提示。 提示文本:输入问号提示的文本信息。
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置趋势的样式。 图4 趋势配置 内边距:设置图表和组件边框之间的距离,单位为px。 对齐方式:标题的对齐方式,支持左对齐、居中和右对齐。 显示标题:是否显示组件标题。 标题内容:“显示标题”开关打开后,设置标题内容。
参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。 选中实心圆饼图,单击,进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+ 响应动作”,选择“组件响应”。 在动作详情中,设置具体的响应动作。
”。 图4 选择蓝色渐变不排序模板 图5 配置标题 选中水平基本柱图组件,单击组件上方的,打开“水平堆叠”开关,并将所有数据系列中的“数据标签”设置为“上”。 图6 打开水平堆叠开关 选中水平基本柱图组件,单击组件上方的,隐藏Y轴网格线。 图7 隐藏网格线 设置基本折线图组件。
配置,所以提出了映射的概念,即mapping。 图2 映射 由用户自己决定将什么字段拖拽映射到什么字段。例如,将name字段映射到了“选项标签展示值”字段,即x中,将ranking字段映射到了“选项值”字段,即y中,将series字段映射到了“选项值”字段,即s中。 [{ "series":
景,也可以从“案例库”中选择场景。 输入场景URL:直接输入图观的二次开发场景地址。 交互 在交互中,设置图观端场景编辑器与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 组件介绍
json元数据描述文件,在该文件中列出Library包含的js和css文件名,并打成Zip包。该场景中Zip包为“MintUI.zip”,单击链接获取该包。 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如,MintUI库需要引入的文件有“js/index
采样点数设置为100,则每108秒(3小时*60分*60秒/100)返回1个数据点。 图3 查询过去三小时的数据 最小时间间隔:每个数据点之间最小的时间间隔,取值范围为[1, 40000000]。 查询配置:单击“新增查询”,可增加promQL查询,最多只支持添加8条,支持设置变量。
间选择器组件上时,边框所呈现的颜色。 边框悬浮颜色:当鼠标指针悬停在时间选择器组件上时,组件边框所呈现的颜色。 分隔符:开始时间和结束时间之间的分隔符。 开始时间占位符:开始时间输入框中没有选择具体时间时,显示的文字内容。 图7 删除静态数据中数据时显示的效果 结束时间占位符:结
Connect,简称APIC)是ROMA Connect的API集成组件,APIC将数据和后端服务以API形式开放,简化分享数据或提供服务的过程,降低企业之间对接的成本。 AppKey:ROMA Connect上应用的Key值,获取方式如下: 登录ROMA Connect实例控制台。 在左侧导航栏中,选择“集成应用”。
)的距离,默认为0,即铺满整个组件。 配置 暂不支持修改素材的背景颜色。 图4 背景图配置 交互 在交互中,配置背景图组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置图标的颜色。 图4 图标配置 交互 在交互中,配置图标组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰