检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
华为云Astro大屏应用大屏页面,使用Token验证的方式进行发布。 华为云Astro大屏应用大屏页面,以Get的方式在URL中传递参数,且必须带有_dmax_signature、_dmax_time参数。 华为云Astro大屏应用大屏URL未被篡改。 背景信息 用户开启了Token签名验证
”时,才显示该配置。 下降趋势图标颜色:设置下降趋势图标的颜色。“趋势图标”设置为“默认”时,才显示该配置。 数据 在数据中,设置趋势组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置趋势与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 文本
路由导航(示例) 路由导航(示例)是导航组件的一种,通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据大屏提供更多的交互模式。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由导航(示例)”组件至画布空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例)
下载项目 项目发布后,在项目发布的版本管理中,可下载对应版本的项目包。 约束与限制 在华为云Astro大屏应用中导出项目时,项目包中包含的数据源密码会被置空。 下载项目 在华为云Astro大屏应用界面的“项目列表”页面,单击待下载项目上的。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。
设置背景:饼图背景颜色、内外半径设置。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:图表中实际显示的系列名。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式,支持以下几种。 单色:可设置正常颜色和高亮下颜色。
折线宽度:设置图形中折线的宽度,取值范围0~100 拐点尺寸:设置拐点尺寸,取值范围0~100 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。
筛选功能。 图11 在后台对数据进行筛选 数据系列:数据系列是一个数组,通常包含多个系列,即通过一个或多个系列配置循环渲染。 图12 数据系列 在数据系列中,拖动某一个系列可以和其他系列组成一个层级,最多支持3层。 图13 新建层级 原数据名:原始数据中默认的系列名称,可通过设置
柱条宽度:柱状条相对于X轴单位间隔的宽度,取值范围[1,100]。 数据标签:是否显示数据标签,即柱状条旁是否显示数值。开启后,支持设置数值显示位置和数值颜色。 数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置水位图组件的数据来源,更多介绍请参见数据接入 交互 在交互中,配置水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 图表
字体:设置组件的字体、大小和颜色等。 评星大小:设置评星显示星星的大小号。 数据系列 原数据名:原始数据中默认的数据名,内容来源于数据模型的值。 宽度占比(%):设置列名的宽度占比。 显示方式:设置数据的显示方式,数据为图片地址时可以展示为图片。 对齐方式:设置数据的对齐方式。 字体:“显示方式”设置为“文字”
图片地址:支持输入图片地址,来展示图片。 链接:设置单击图片后,跳转的链接地址。 图片设置:设置图片填充方式,并选择对应图片。 数据 在数据中,配置图片组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置图片与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 媒体
></iframe>”。 图4 增加大屏访问地址 其中,“URL”为待嵌入大屏的访问地址。在大屏发布页面,单击,即可获取,如图5。 图5 获取大屏URL地址 图6 大屏嵌入效果 如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭(如图7),否则无法正常预览页面。
字体:未来几天日期的字体、大小和颜色等设置。 数据 在数据中,设置天气组件的数据来源,更多介绍请参见数据接入。 图6 设置天气组件数据源 图7 选择桥接器预置-静态数据 静态数据中,“dataNow”对应今日天气,“dataForecast”对应未来几天天气预报。 华为云Astro大屏应用预置了一套漂亮的
刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 网格线是否显示:是否显示轴网格线、轴网格线的类型和颜色设置。 数据 在数据中,设置热力图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置热力图与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题:
鼠标悬浮时背景颜色:设置鼠标悬浮在某项内容上时,背景的颜色。 鼠标悬浮时字体颜色:设置鼠标悬浮在某项内容上时,字体的颜色。 数据 在数据中,设置树状下拉框组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置树状下拉框组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts,请提前了解。 图1 最终呈现效果 开发自定义组件 下载图表模板。 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 单击页面右上角的“管理”,进入华为云Astro大屏应用管理页面。 在左侧导航栏中,选择“页面资产管理
签字体、背景颜色、内边距等。 轴线分段颜色:单击“轴线分段颜色”,可新增分段,支持设置轴线的位置和默认颜色。 数据 在数据中,设置仪表盘组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置仪表盘与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 组件介绍
项目创建后,支持设置项目封面。项目中创建的第一个大屏页面,为项目的默认封面。 设置项目封面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在“项目列表”中,单击对应项目上的。 设置项目封面,单击“确定”。 图片默认为匿名可访问,请勿上传包含敏感数据的图片。 图1 设置项目封面
”时,才显示该配置。 下降趋势图标颜色:设置下降趋势图标的颜色。“趋势图标”设置为“默认”时,才显示该配置。 数据 在数据中,设置多趋势组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置多趋势与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 文本
如果安装的是安全云脑类大屏,进入大屏页面后,您还需要根据实际情况设置全局变量和数据源等信息,如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 通过模板新建页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目