检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
参考创建页面中操作,创建一个大屏页面。 在大屏开发页面,单击页面上方的,保存页面。 保存成功后,单击页面上方的,进行页面发布设置。 打开发布链接。 图1 打开页面发布链接 在访问限制中,配置内容安全策略。 例如,将A市交通管理大屏嵌入第三方系统,如图2所示。 图2 安全策略设置样例 其
型等参数。 图3 OneMobile 应用ID:小程序AppID,请登录小程序管理后台获取。 主页:选择一个发布的页面作为首页,即打开小程序时,显示的默认页面。 环境类型:承载应用程序服务的环境类型,支持开发环境、生产环境、沙箱环境和不依赖。 开发环境:开发者专门用于开发应用的环
ROMA连接器数据源 第三方接口或服务通过配置为ROMA连接器的方式,接入外部数据。 新建ROMA连接器数据源 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。
轴线显示:是否显示轴线。打开后需要设置轴线颜色。 刻度显示:是否显示刻度。 刻度标签显示:是否显示刻度标签。打开后需要设置刻度标签字体颜色、大小、粗细。 反转:是否对轴数据进行反转。 网格线(需设置对应轴显示):是否显示轴网格线、轴网格线的类型和颜色设置。 y轴 Y轴:是否显示Y轴。 轴线显示:是否显示轴线,打开后可设置轴线颜色。
热力图层配置 显示热力图层:是否显示热力图层。 数据标题:设置热力图层的数据标题。 显示类型 :设置热力图层显示类型,如均分显示或区间部分。 设置为“均分显示”时,会显示所有数据,且区域数据从小到大,对应图层颜色由浅到深。 图5 均分显示 设置为“区间显示”时,仅显示符合要求的数据
r中,请根据实际需求进行配置。“接口鉴权方式”设置为“API Key”时,才会显示该参数。 参数名称:API Key的名称,请根据实际需求进行配置。“接口鉴权方式”设置为“API Key”时,才会显示该参数。 设置执行动作。 图8 添加动作 图9 将鉴权信息中返回的参数赋值给连接器中Header参数
“确定”。 图3 赋值 单击“+响应动作”,选择“页面跳转”,跳转到外部页面,外部页面地址引用全局变量,设置为“${url}”,弹出新窗口打开页面地址,单击“确定”。 单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后,单击页面上方的,保存页面。
getSafeUrl() 对外部链接进行xss安全过滤,获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义,获取转义后的字符串供页面显示用,使用方式参考如下: /* * @param {*} text */ SafeUtils.escapeHtml(text) // 方法返回转义后的字符串
showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示function定义。 stepStrictly Boolean 否 stepStrictly: false
showFunc: function(vm) { return vm.commProps.showTitle; } 是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示function定义。 placeholder String 否 placeholder: { "zh_CN":
基本身份认证(用户名/密码)”时,才显示该参数。 密码:“基本身份认证”鉴权中的密码部分。“接口鉴权方式”设置为“基本身份认证(用户名/密码)”时,才显示该参数。 描述:新建数据源的描述信息,长度不能超过128个字符。 单击“连接测试”,显示“连接成功”,表示数据源可以调通。 单击“保存”,完成数据源的创建。
最大分值。 显示星数=实际数值/评分最大分值x5颗星。 当数据超过最大值的时候,显示5颗星。 默认颜色:“显示方式”设置为“评星”时显示该参数,设置5颗星中不显示星星的颜色。 选中颜色:“显示方式”设置为“评星”时显示该参数,设置5颗星中显示星星的颜色。 半星:“显示方式”设置为
可以避免重叠。 轴线显示:控制是否显示轴线。 刻度显示:控制是否显示刻度。 线的颜色:轴线的颜色。 标签显示:是否显示刻度标签。打开后需要设置刻度标签字体、字体颜色、大小、粗细。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 网格线是否显示:是否显示轴网格线、轴网格线的类型和颜色设置。
满整个组件。 配置 在配置中,设置组件是否显示标题、图例等。 图4 基本漏斗图配置 漏斗图设置 显示标题:是否显示组件标题。打开该开关后,可设置标题颜色、标题内容、标题位置。 背景颜色:设置组件的背景颜色。 显示图例:是否显示图例。打开该开关后,可设置图例位置。 轮播:是否开启轮播效果。
组件级的配置项建议放到该分类中,如背景、标题等。 series 图形-自定义 series 图表的系列数据配置。 legend 图例-自定义 legend 图表的图例显示/隐藏、样式控制配置。 tooltip 提示-自定义 tooltip 图表的悬浮提示配置。 coordinate 坐标轴-自定义 coordinate
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
在已创建的大屏页面中,单击页面上方的,预览页面效果。 如果预览效果不符合预期,可进行微调,直至符合预期。 单击,打开“发布链接”开关,获取页面访问地址。 图13 打开发布链接 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 设置访问限制。 如果是新建项目,需要为发布
zh_CN: '显示标签', en_US: 'Emphasis Focus' }, value: true, options: [ { label: { zh_CN: '显示', en_US:
样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
例如,执行thisObj.hideWidget()方法隐藏该组件的dom结构。 showWidget:显示该组件的dom结构。在预览态调用该方法可以展示Widget。 例如,执行thisObj.showWidget()方法显示该组件的dom结构。 SITE_ROOT_PATH:为预置参数,用于获取当前站