检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时,可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新
的总配额。如果配额不足,可单击“页面扩容”,进行扩容,详情请参见购买扩容包增加页面数。 图2 设置页面配额 设置后,可发现页面数由“0个/0个”更新为“0个/10个”。 图3 查看已设置的页面配额 父主题: 创建工作空间
参数:执行动作在连接器中,定义的参数。字段类型为“表达式”时,在字段值中单击鼠标,可进入表达式设置页面。在表达式设置页面,可从下方左侧面板选择字段名、函数或者直接输入函数,如图3。 图3 按需设置表达式 测试API接口:用于测试该接口,单击“测试API接口”,“样例报文”中会显示输出结果。
隐藏其他图表组件 按照上述操作,分别设置柱图事件、折线图事件和气泡图事件选项卡对应的交互动作。 图8 柱图事件交互设置 图9 折线图事件交互设置 图10 气泡图事件交互设置 设置完成后,单击“完成”,返回大屏开发页面。 单击,保存页面,单击,预览效果。 父主题: 交互设置
y”和标签的值“value”,即在DLI构建数据中设置的标签。 设置标签:从设置标签的SQL作业中,获取数据(48小时内的数据,作业超过48小时会过期)。 不设置标签,默认从最后执行的作业中获取数据。 刷新数据:单击该按钮,可预览数据。 单击“保存”,完成DLI数据集的创建。 父主题:
接输入地址,也可以设置为全局变量。“页面类型”设置为“外部页面”时,才显示该配置。 页面打开方式:设置跳转页面的打开方式,如新窗口、当前窗口或弹窗。设置为弹窗时,可指定弹窗的高度和宽度。本示例设置为弹窗,并设置弹窗的高度和宽度为50%。 设置页面参数:支持设置为“固定参数”和“变
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。
在左侧导航栏中,选择“数据集 > 全部”。 单击“所有数据集”,再单击“...”,选择“新增目录”。 在新增目录页面,输入目录的名称,单击“确定”。 名称的长度为1~64个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 图1 新建一个目录 确认后,在数据集管理页面的左侧目录树中,可查看到已创建的目录。
设置页面的背景图片或者颜色。选择图片作为背景时,支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面,支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题: 页面管理
在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。 自定义组件动作时,通过输入关键词,可以联想出组件的信息。 图3 设置自定义动作 /* * 可以像示例这样获取到组件对象,然后编写js代码 * 示例中表
填写全局模板信息 名称:输入生成模板的名称,名称长度为1~32个字符,可包括中文、字母、数字及下划线。 描述:生成模板的描述信息,可按需进行设置。 发布方:设置模板的发布方。 发布模板库:设置模板库的语言,此处的语言是指模板库所在系统的语言。设置后在对应的系统语言模板库中,即可查看到该模板。
建”。 项目名称的长度为1~64个字符,可包括中文、字母、数字及下划线,但不能以下划线开头或结尾。 图1 新建项目 系统自动进入该新建项目的“大屏&PC端项目”页面,如图2。 图2 大屏&PC端项目页面 (可选)项目创建后,可参考项目管理中内容,对项目进行设置。 新建文件夹 项目
在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 在新增数据集页面,设置数据集名称、选择数据类型和目录,单击“保存”。 图1 设置数据集参数 数据集名称:新建数据集的名称,用于标识该数据集。长度为1~60个字符,可包括中文、字母、数字及下划线。 数据类型:选择“静态数据”。
面,打开“设置页面参数”开关,设置参数。 配置效果:在发布后的页面中,单击“多区域折线图”组件,会跳转到新页面,之前页面的全局变量“status”赋值到参数“alarmStatus”中,将“alarmStatus”传递到新打开的页面中,实现不同页面间传参。 图1 设置交互事件动作
用户名:“基本身份认证”鉴权中的用户名部分。“接口鉴权方式”设置为“基本身份认证(用户名/密码)”时,才显示该参数。 密码:“基本身份认证”鉴权中的密码部分。“接口鉴权方式”设置为“基本身份认证(用户名/密码)”时,才显示该参数。 描述:新建数据源的描述信息,长度不能超过128个字符。 单击“连接测试
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
数据源名称:数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 HTTP连接器:选择前提条件中已创建的HTTP连接器。 接口鉴权方式:自动关联已创建连接器的鉴权方式。 描述:新建数据源的描述信息。 设置完成后,单击“保存”。 父主题:
在数据源管理页面,单击“新建数据源”。 选择“DWS”,配置数据源参数。 图1 新建DWS数据源 数据源名称:数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 域名:数据库所在的域名。 端口:数据库端口,取值范围为0~65535。
在页面右上角,根据需要选择所需的主题(本示例设置为经典原始,即单击“取消当前主题卡片装饰”)。 配置文本编辑组件。 选中上方文本编辑组件,单击上方,设置文本内容为“人员来访统计”,字体设置为“60”。 图7 设置文本编辑标题 在段落设置中,设置标题对齐方式为“居中”。 图8 设置标题对齐方式 配置水平基本柱图组件。
在数据源管理页面,单击“新建数据源”。 选择“AstroZero”,配置数据源参数。 图1 数据源 数据源名称:新建数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 域名:AstroZero环境的域名,需要携带“https://”。