检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参考创建大屏&PC端项目中操作,创建一个项目。 项目创建后,参考使用空白画布新建页面中操作,新建一个空白页面。 进入开发页面,从“全部组件 > 图表”中,拖拽玫瑰花饼图组件到画布中。 图4 拖拽玫瑰花饼图到画布中 选中组件,单击组件上方的,进入数据设置页面。 “数据类型”选择“桥接器预置”,在选择桥接器中即可选择到自定义桥接器中自定义的桥接器。
Zero对接Canvas数据源 域名 AstroZero环境的域名,需要携带“https://”。 步骤三:获取域名、客户端ID和密码中获取的域名 客户端ID 调用AstroZero接口前,需要配置“客户端模式”OAuth鉴权的客户端ID。 步骤三:获取域名、客户端ID和密码中获取的client_id
ID、主页、环境类型等参数。 图3 OneMobile 应用ID:小程序AppID,请登录小程序管理后台获取。 主页:选择一个发布的页面作为首页,即打开小程序时,显示的默认页面。 环境类型:承载应用程序服务的环境类型,支持开发环境、生产环境、沙箱环境和不依赖。 开发环境:开发者专
escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤,获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义,获取转义后的字符串供页面显示用,使用方式参考如下: /* * @param {*} text */ SafeUtils
数据源名称:新建数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字和下划线,且不能以下划线开头或结尾。 域名:AstroZero环境的域名,需要携带“https://”。 客户端ID:调用AstroZero接口前,需要配置“客户端模式”OAuth鉴权的客户端ID
ID、主页、环境类型等参数。 图3 OneMobile 应用ID:小程序AppID,请登录小程序管理后台获取。 主页:选择一个发布的页面作为首页,即打开小程序时,显示的默认页面。 环境类型:承载应用程序服务的环境类型,支持开发环境、生产环境、沙箱环境和不依赖。 开发环境:开发者专
@param {*} props {} */ magno.savePropertiesForWidget({ // 属性应该与editor.js中的属性对应 barChartProps: JSON.stringify(_this.barPropList), barCommProps:
getUrlParam 用于获取查询字符串中的参数。 getLocalStorage 用于获取某个localStorage的值。 setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值,使用方式参考如下: /*
静态数据 选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上。AstroCanvas已预置了静态数据,您也可以自定义静态数据。 静态数据 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“静态数据”。
单击“启用模拟数据”,对项目中的组件数据来源进行统一控制。 在页面中,组件数据可来自模拟数据或访问业务接口获取。通过是否开启“启用模拟数据”,可对项目中的组件数据来源进行统一控制。 在进行前台页面开发时,经常要通过桥接器动态调用后台的接口来获取后台数据。在页面实际开发过程中,可能后台接口还未开发完成,
在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“DWS”,配置数据源参数。 图1 新建DWS数据源 数据源名称:数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 域名:数据库所在的域名。 端口:数据库端口,取值范围为0~65535。
AstroCanvas中的全局变量包括项目级全局变量和页面级全局变量两种。项目级全局变量是整个项目中所有页面都可以使用的变量,当项目中页面较多且各页面会使用同一个变量时,通过创建项目变量,可以提高开发效率,提升易用性。页面级全局变量仅针对当前页面生效。 如果在页面中新建一个页面级全局变量,且变量的名称和项
项目锁是一个全局锁,页面锁是局部锁。项目被锁定后,项目中的所有页面均无法编辑。 为项目设置锁 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 在页面右上角,选择“编辑项目”。
请求协议:设置连接器请求协议。 域名:请求的Host地址,不需要带上“http://”或“https://”协议头,同时也不需要“/”结尾。 域名参数:配置域名参数,包含字段名称、默认值和字段描述。连接器配置中,当域名中配置“{字段名}”参数时,才会显示该参数。 图6 配置域名参数 接口鉴权方式
按照项目限制:项目中页面首次完成验证后,其余页面无需二次验证。例如,页面A、B、C设置了Token认证,页面D、E、F设置了分享码。勾选按照项目限制时,校验过页面A的Token认证后,不会再校验页面B和C。校验了页面D的分享码后,同样不会再校验页面E和F。 按照页面限制:项目遵循各页面访问限制。
在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“健康检查”。 开启健康检查。 图1 健康检查 开启健康检查功能后,平台会对页面运行状态进行检查。您也可以根据业务需求,自定义健康检查项。 全选:选中所有的健康检查项。 展示页面加载进度条:勾选后,页面顶部会出现页面加载进度条。
作用域:设置新建资源作用的域。 项目级:资源应用于整个项目。 页面级:资源应用于哪些页面。 页面作用域:选择资源所应用的页面。 开发界面下不加载:是否在开发页面时加载资源,请在确认不影响开发页面中的功能后,再打开,以减少开发时的资源加载。 设置后,再次进入项目时,设置才会生效。 单
ame的取值改变而改变。 图8 设置全局变量后效果 单击“确定”后,单击“完成”,返回开发页面。 单击页面上方的,保存页面。 保存成功后单击,参考发布页面中操作,发布页面。 打开发布的页面网址,查看最终设置效果。 图9 查看最终设置效果 父主题: 自定义组件说明
桥接器预置 通过桥接器动态调用后台的接口,来获取后台数据展示在页面上,支持使用系统预置的桥接器或自定义桥接器。 预置桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 图1 单击数据 在数据类型中,选择“桥接器预置”,并选中所需的桥接器。
路由视图 路由视图是导航组件的一种,通过配置不同页面,在当前可视化页面呈现其它页面效果。该组件可降低对当前页面资源的占用,提升性能。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由视图”组件至画布空白区域,如图1。 图1 路由视图 图2 边距样式说明 卡片 卡片是指包裹图