检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
{widget}.css:组件的样式文件,在该文件中编写组件的CSS样式。 {widget}.editor.js:组件核心渲染文件。组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。
用户在接入桥接器时,如果预置的桥接器无法满足要求,可自定义桥接器。关于connector/model等参数对象的规则介绍,请参考自定义桥接器。 registerEvents 一般用于在组件初始化阶段注册事件,只有通过此API注册后的事件才会在组件的事件列表中展现。同样只有注册的事件之后才能通过
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
重命名组件 操作场景 通过重命名功能,可自定义组件的名称,便于搜索和管理。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“重命名”。 图1 重命名 您也可以在“图层”中,将鼠标悬浮在组件上,单击“重命名”。
您也可以在搜索框中,输入所需的组件(如图1),或者按照图2进行查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键,将目标组件拖拽到画布中。 图3 拖拽组件到画布中 组件添加成功后,会自动展示在画布中。您可以通过拖拽组件边框,调整组件的大小,也可以参考拖拽组件中操作,调整组件的位置。 父主题:
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。
在“大屏&PC端项目”页面,单击“所有页面”后的“...”,选择“新建文件夹”。 图3 新建文件夹 在创建文件夹页面,输入文件夹标题,单击“确定”,即可在项目中创建文件夹。 单击新建文件夹后的“...”,可以修改文件夹名称、新建子文件夹和删除已创建的文件夹。 父主题: 创建项目
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
才可正常访问页面,以提高安全性。 操作步骤 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 打开“分享码
操作场景 选择在“数据中心”中配置的数据集,作为组件数据来源。选择此方式时,请确保数据集已在数据中心创建,详情请参见数据中心。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“数据集”。
{widget}.html为组件DOM结构文件,相当于HTML文件,负责样式展示。 在AstroCanvas中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"
选中基本柱图组件,单击组件上方的,在统一配置中将数据系列中柱条宽度设置为8。 图15 设置柱条宽度为8 选中基本柱图组件,单击组件上方的,显示x轴网格线,显示y轴轴线,隐藏y轴网格线。 图16 显示x轴网格线 图17 显示y轴轴线、隐藏网格线 选中基本柱图组件,单击组件上方的,设置标题“内容”为“人员流程统计
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
安全策略设置样例 其中,“frame-ancestors”为固定格式,“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外,还有一种典型的场景是将大屏嵌入本地的file中,如图4。 图4 将大屏嵌入本地的file中 登录第三方系统,在Elements中,增加“<iframe src="URL"
卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。
分组创建后,选择“图层”,可查看到已创建的分组。 图1 查看分组 拖拽组件到已创建的分组中。 将鼠标放在已创建的分组上,单击右键选择“解除分组”,即可解除已创建的分组。 父主题: 组件管理
删除组件 操作场景 组件删除后无法恢复,且会影响相关交互的组件,请谨慎操作。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“删除”。 图1 删除组件 您也可以在“图层”中,选中一个或多个组件,单击“删除”。
操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,将鼠标放在对应的项目上,单击。 根据实际需求,修改项目的名称。 项目名称的长度为1~64个字符,可包括中文、字母、数字及下划线,但不能以下划线开头或结尾。 图1 输入项目的新名称 父主题:
通过复制到功能,可快速将组件复制到其他页面,从而高效完成多个同类型组件配置项参数之间的传递。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中一个或多个组件,单击右键,选择“复制到”,并选择组件待复制到的页面。 图1 复制组件到其他页面 您也可以在“图层
在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“转换器 > 全部”。 在转换器管理页面,单击待删除转换器中的,选择“删除”。 转换器较多时,您可以直接搜索待删除转换器的名称,也可以按照目录和状态进行筛选。 在弹出的确认框中,单击“确定”,即可删除该转换器。 执行该操作,将会永久删除转换器,请谨慎操作。