检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在大屏设计页面,从“全部组件 > 媒体”中,拖拽“视频”组件至画布空白区域,如图1。 图1 视频 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构,可以理解为组件由卡片中基础元素(卡片背景、特效、卡片边框)和视频元素构成。 图3 视频卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件
在大屏设计页面,从“全部组件 > 文本”中,拖拽“指标”组件至画布空白区域,如图1。 图1 指标 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 指标卡片 卡片装饰:卡片装饰设置,可根据自身的业务
通用设置 在通用设置中,可以设置网页图标、开启页面加载动画等功能。 项目通用设置 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
资源设置 库是支撑页面组件运行的第三方依赖,如果缺少相应的库,则组件不能正常运行。在项目的资源设置中,您可以管理页面中使用到的库。 资源设置 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。
在大屏设计页面,从“全部组件 > 文本”中,拖拽“日历组件”组件至画布空白区域,如图1。 图1 日历组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 日历组件卡片 背景 背景色:设置组件卡片的背景颜色。
以自定义背景框为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“自定义背景框”组件至画布空白区域,如图1。 图1 自定义背景框 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图2 自定义背景框卡片 背景 背景色:设置组件卡片的背景颜色。
空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例) 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 路由导航(示例)卡片 背景 背景色:设置组件卡片的背景颜色。
打通本地环境与公共环境,实现实时在线调测组件。 单击“检查更新”,检查组件是否有版本更新,如果有新版本组件,请单击“升级所有插件”。 您也可以单击待升级插件后的,对组件进行升级。 图1 升级组件 单击“启用模拟数据”,对项目中的组件数据来源进行统一控制。 在页面中,组件数据可来自
气泡图设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图8。 特征标记:提示框显示的内容,可以显示系列名、数据名和数据值,也可以只显示其中的某一个或两个。 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图9 气泡图坐标轴
在大屏设计页面,从“全部组件 > 媒体”中,拖拽“视频流”组件至画布空白区域,如图1。 图1 视频流 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构,可以理解为组件由卡片中基础元素(卡片背景、特效、卡片边框)和视频元素构成。 图3 视频流卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组
使用AstroCanvas开发告警处理情况统计移动端页面 应用场景 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1
图8 满月饼图提示 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。 数据 在数据中,设置满月饼图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置满月
如购物车中用户的ID,订单编号,商品信息等,这时需要通过桥接器动态调用后台接口获取后台数据。通过AstroCanvas预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。如何自定义桥接器,请参见自定义桥接器。 查看桥接器模板
轮播配置 在轮播配置中,设置轮播页面的切换配置、自动播放和分页配置等。 图4 轮播页面轮播配置 轮播设置 页面:添加轮播的页面,可以选择本项目内的页面,也可以选择外部页面,但添加的页面数不能超过10个。 图5 选择本项目内的页面 图6 选择外部页面 滚动条:是否显示滚动条,如自动或隐藏。
参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“健康检查”。 开启健康检查。 图1 健康检查 开启健康检查功能后,平台会对页面运行状态进行检查。您也可以根据业务需求,自定义健康检查项。 全选:选中所有的健康检查项。 展示页面加载进度条:勾选后,页面顶部会出现页面加载进度条。 开启浏览器内存
选择“图层”,进入图层页面。 将鼠标放到对应的组件上,单击右键,选择“向上移动一层”、“向下移动一层”、“移至顶层”或“移至底层”。 您也可以直接拖动组件,将组件进行上移、下移、拖动至顶部或底部。 图2 在图层中移动组件图层 父主题: 图层管理
开启提示效果图 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图16。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。 指标 指标是指可视化组件中,对除可视化图形之外的具体补充,即主要以文字和数字的表现形式,为可视化组件提供具体数值的参考。
设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图12。 特征标记:提示框显示的内容,可以显示系列名、数据名和数据值,也可以只显示其中的某一个或两个。 坐标轴 在坐标轴中,设置图表的x轴和y轴,如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。
> 图表”中,拖拽“钻石水位图”组件至画布空白区域,如图1。 图1 钻石水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 钻石水位图卡片 卡片装饰:卡片装饰设置,可根据自身
在大屏设计页面,从“全部组件 > 图表”中,拖拽“双向柱图”组件至画布空白区域,如图1。 图1 双向柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 双向柱图卡片 卡片装饰:卡片装饰设置,可根据自身的