检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
复选框 复选框是文本组件的一种,用于选择一个或多个选项。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“复选框”组件至画布空白区域,如图1。 图1 复选框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
帮助文档:https://support.huaweicloud.com/usermanualcanvas-astrozero/astrozero_05_7025.html * 可以直接使用的参数 * eventParam: 组件传递出的参数 * data: 交互动作信息对象 * $pageStore:
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件,相当于HTML文件,负责样式展示。 在AstroCanvas中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
树状下拉框 树状下拉框是一种带有树形结构的下拉框,通常用于选择有限选项数据的级联场景。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“树状下拉框”组件至画布空白区域,如图1。 图1 树状下拉框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基
文本 词云 时间轴 通用表格 基础表格 趋势 搜索框 下拉选择框 日历组件 翻牌器 时间展示 时间翻牌器 里程碑 排行榜 天气 文本编辑 复选框 日期选择器 指标 标题 树状下拉框 多趋势 树状表格 高级表格 时间选择器 父主题: 组件介绍
责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。 {widget}.js:组件逻辑文件,整个Widget的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。
组件的样式文件,在该文件中编写组件的CSS样式。 EchartsWidgetTemplate.ftl 组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。 packageinfo.json 组件的元数据描述文件。 widegtApi name:组件的名称。 widget
开启页面加载动画:勾选后,预览或打开页面时,将会显示加载动画。 网页图标:设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjpeg、jpeg和jfif,图片大小不能超过1MB,建议使用大小为32*32像素的ico图标。 延迟加载隐藏的组件:勾选后,预览
设置项目访问限制 按照项目限制:项目中页面首次完成验证后,其余页面无需二次验证。例如,页面A、B、C设置了Token认证,页面D、E、F设置了分享码。勾选按照项目限制时,校验过页面A的Token认证后,不会再校验页面B和C。校验了页面D的分享码后,同样不会再校验页面E和F。 按照页面限制:项目遵循各页面访问限制。
zh_CN: "背景色", en_US: "Background Color" }, helpLink: "https://***.html", childItems: [ { type: "colorpicker",
展示页面加载进度条:勾选后,页面顶部会出现页面加载进度条。 开启浏览器内存使用率异常提醒:勾选后,如果浏览器内存使用率超过70%,页面右下角会弹框提醒。 开启资源访问耗时过长提醒:勾选后,如果单个资源访问耗时超过1秒,页面右下角会弹框提醒。 开启接口请求错误提醒:勾选后,如果接口请求出现错误,页面右下角会弹框提醒。
码来自echarts官网的demo代码,例如https://echarts.apache.org/examples/zh/editor.html?c=line-simple。如果这些demo不满足您的需求,还可以在echarts开源社区选择合适的demo。 在实例化代码块中,还可
SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤,获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义,获取转义后的字符串供页面显示用,使用方式参考如下: /*
看自定义接口URL,请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。 共享数据:是否共享数据。勾选表示某项目里多个组件调用一个公共的请求(请求路径与入参均一致才视为同一公共请求)而访问同一个接口的数据,避免多次调接口。“桥接器数据类型”选择“AstroZero
”,选择“设为首页”。 返回项目列表页面,将鼠标放在页面所在的项目上,单击。 在项目发布中,单击“+ 新建版本”。 输入版本号(如2.0),在版本管理中,勾选“园区办公人员统计”页面,单击“确定”。 图1 新建版本(园区办公人员统计) 单击,将6中新建的版本设置为当前发布版本。 图2 设置发布版本
配置项总览 本章节介绍AstroCanvas支持的组件配置项,您可以通过{widget}.editor.js文件中定义的type字段,来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
在“项目列表”中,将鼠标悬浮在需要发布的项目上,单击,发布项目。 在版本管理中,单击“+ 新建版本”。 设置版本号和版本描述(可选),勾选待发布的页面,选择页面版本,单击“确定”。 只有已生成发布链接的页面,才会显示在如图1所示页面中。您可以根据自身业务需求,选择发布一个或多个页面。
数据、Y轴数据和系列中。 刷新周期:每隔多少秒从HTTP连接器中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的桥接器URL请求,不会各自只调用,而是共享结果数据。 选中水平基本柱图组件,单击组件上方的,设置标题内容为“各功能操作频率统计”。
、Y轴数据和系列中。 刷新周期:每隔多少秒从AstroZero中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的桥接器URL请求,不会各自只调用,而是共享结果数据。 选中基本柱图组件,单击组件上方的,设置标题内容为“A市男性小学生平均身高统计”。
配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据或系列中。 刷新周期:每隔多少秒获取一次静态数据,默认配置为“0”,表示只获取一次静态数据。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的静态数据请求,不会各自只调用,而是共享结果数据。 选中基本柱图组件,单击组件上方的,设置标题内容为“各市农作物产量统计”。