检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。 自定义组件动作时,通过输入关键词,可以联想出组件的信息。 图3 设置自定义动作 /* * 可以像示例这样获取到组件对象,然后编写js代码 * 示例中表
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时,可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新
面,打开“设置页面参数”开关,设置参数。 配置效果:在发布后的页面中,单击“多区域折线图”组件,会跳转到新页面,之前页面的全局变量“status”赋值到参数“alarmStatus”中,将“alarmStatus”传递到新打开的页面中,实现不同页面间传参。 图1 设置交互事件动作
单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 设置访问限制。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。本入门中,以设置分享码为例进行介绍。 图14 分享码设置 分享码设置:设置页面分享码后,只能通过分享码来访问页面,提高安全性。
进行用户身份验证。 用户名:“基本身份认证”鉴权中的用户名部分。“接口鉴权方式”设置为“基本身份认证(用户名/密码)”时,才显示该参数。 密码:“基本身份认证”鉴权中的密码部分。“接口鉴权方式”设置为“基本身份认证(用户名/密码)”时,才显示该参数。 描述:新建数据源的描述信息,长度不能超过128个字符。
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中,是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方,单击,新建并设置页面级全局变量。 例如,新增全局变量“url”,设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值,使用方式参考如下: /* @param {*} cookieID */ HttpUtils.getCookie("key") setCookie 用于设置cookie的值,使用方式参考如下:
技术为核心,以屏幕轻松编排,多屏适配可视为基础,帮助非专业开发者通过图形化界面轻松搭建专业水准的数据可视化大屏应用,满足项目运营管理、业务监控、风险预警等多种业务场景下的一站式数据实时可视化大屏展示需求。 图1 Astro大屏应用业务全景 视频介绍 为什么选择Astro大屏应用
争力和战略灵活性。 图4 营销收入驾驶舱 业务监控 数据可视化大屏在业务监控中起到了关键作用,可以实时监测业务运行指标、客户服务质量、销售情况等数据,帮助企业管理者及时发现并解决问题,提升业务运营效率和客户满意度。 图5 语音客户监控大屏
nvas环境中导入项目后,页面中原先设置的分享码会被置空,请按照如下操作重新设置。 在项目列表中,单击已导入的项目,进入项目详情页。 单击待访问页面后的,为页面设置分享码。 图22 为页面设置分享码 输入分享码,单击,保存设置。 图23 输入分享码 单击,复制页面URL地址。 图24
自适应内容最小高度。 maxRows Number 否 maxRows: 6 自适应内容最大高度。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 仅在输入框失去焦点或用户按下回车时触发 (data, field) blur blur 在输入框获得焦点时触发
鉴权信息:“接口鉴权方式”设置为“API鉴权”时,才会显示该参数。单击“新建鉴权信息”,设置鉴权信息。 图7 新建鉴权信息 API鉴权名称:设置API鉴权名称,长度为1~32个字符,可包括中文、字母、数字及下划线。 API鉴权描述:设置API鉴权描述信息。 API鉴权地址:设置API鉴权地址
新建工作空间 为工作空间添加成员 设置空间页面配额 项目 创建大屏&PC端项目 创建移动端项目 设置项目锁 通用设置 健康检查设置 设置项目封面 页面 使用模板创建页面 使用页面模板文件新建页面 使用空白画布新建页面 为页面添加组件 设置页面数据 设置交互方式 资产迁移 发布项目 安装项目
数据源名称:数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 域名:数据库所在的域名。 端口:数据库端口,取值范围为0~65535。 用户名:登录数据库的用户名。 密码:数据库用户密码。 数据库名称:数据库实例名称。 描述:新建数据源的描述信息。
圆角:设置矩形的边框圆角,设置为0时为直角,设置为100时显示为圆形。“特殊样式”设置为“颜色”,且选择“矩形”时,才显示该参数。 背景色:设置特殊样式的背景颜色,支持设置为圆形和矩形。“特殊样式”设置为“颜色”时,才显示该参数。 条件格式:单击“新增条件格式”,可设置条件和响
其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。 内容:按钮显示文字,如保存。 默认文字:按
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示标题。 内容:输入标题的内容。 字体:设置标题的字体、大小和颜色等。 对齐:设置标题的对齐方式,如左对齐、右对齐或居中。 标题背景色:设置标题的背景颜色。
边框:设置单元格的边框样式。 序列号:表格中序列号设置。 序列号:表格中是否显示序列号。 序列名:设置序列号的名称。 列宽占比(%):设置序列号在表格中的列宽占比。 背景色:设置序列号的背景颜色。 半径:设置序列号的半径。 圆角:设置序列号圆角,0为直角。 字体:设置序列号的字体、大小和颜色等。
图标选中色:设置选中按钮时,按钮图标的颜色。 配置 在配置中,设置组件的全局样式、表头设置、行、序列号等。 图6 高级表格配置 全局样式 背景色:设置表格的背景颜色。 表格行数:设置当前表格可视高度展示的数据行数。 边框:设置表格的边框样式。 表头设置 溢出文本:设置表格中超长文