检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件对齐 操作场景 选中多个组件后,单击右侧配置面板的对齐或分布图标。支持左、水平居中、右、顶、垂直居中、底等多种对齐方式,以及水平和垂直的自动分布方式。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,选择所需的组件,单击下图红框中图标,进行组件对齐。
数据集 操作场景 选择在“数据中心”中配置的数据集,作为组件数据来源。选择此方式时,请确保数据集已在数据中心创建,详情请参见数据中心。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“数据集”。
预置多种团队空间角色,预置管理员、开发者、数据分析师、数据工程师和访问者。 丰富组件轻松配置样式,快捷配置灵活实现布局 功能介绍 预置400+各类组件,配合自定义组件能力,实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 特性优势 丰富的组件:各类图表、地图、视频、二三维引擎、
从本地导入已创建的项目包,实现离线迁移、部署项目。 导入项目后,如果当前环境中不包含同名的数据源,会从项目包中安装数据源。新安装的数据源密码是空的,请在数据源中重新配置密码,也可以在项目页面的“数据”页签,单击“当前页面使用的数据”,重新配置。 操作步骤 参考登录AstroCanv
跨页面复制组件 操作场景 通过复制到功能,可快速将组件复制到其他页面,从而高效完成多个同类型组件配置项参数之间的传递。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中一个或多个组件,单击右键,选择“复制到”,并选择组件待复制到的页面。
左边距:图表到组件边框左侧的距离。 配置 在配置中,设置内嵌的本项目其它页面或者外包页面。当嵌入页面虚拟为不同域名时,可以提高整个页面的加载速度。 图4 配置 页面切换 当有多个页面需要轮播展示时,可打开该开关。开启后,可配置单个页面的展示时长。 页面编辑 单击切换页面后的,新增该组件区域展
下边距:进度条到组件边框底部的距离。 左边距:进度条到组件边框左侧的距离。 配置 在配置中,设置组件的模板、是否显示标题等。 图6 配置 参考模板:系统预置的进度条模板,单击默认或参考配色模板可进行切换。 组件标题 设置标题:是否显示组件标题。 内容:设置标题内容。 标题离容器上边距:标题距离组件上方的距离。
地图样式:在下拉框中选择地图的样式,如“控件+标签图层”、默认样式、“地图行政区+图标图层”等。 配置 在配置中,设置地图组件的基本信息、地图样式、地图控件和地图控制等。 图4 配置 地图基本配置 地图密钥:输入地图的服务密钥,请参考高德开放平台中操作自行到官网申请。 安全密钥:如果您的
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件,用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 组件数据来源 组件是大屏页面的组成元素,配置页面数据即为配置组件数据。选中组件,单击组件上方的,可配置组件在页面呈现数据的来源,更多介绍请参见数据接入。 图5 配置组件数据 组件交互 AstroCanvas为组件设计了事件-动作机制实现组件与
右边距:图表到组件边框右侧的距离 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置视频组件的视频地址、视频封面、视频播放等。 图4 配置 视频 视频地址:视频的URL地址,视频支持格式有MP4、OGG、MOV和WEBM。 封面:选择图片,支
getProperties 获取该组件配置的属性值,组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径,用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化
右边距:图表到组件边框右侧的距离 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置视频流组件的视频流地址、视频流类型等。 图4 配置 视频流组件中,配置项的配置高于数据配置。 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的视
自定义的事件名为“sendSelect”,必须配置。 须知: 需要在组件“.js”文件逻辑代码中,使用“Studio.registerEvents()”方法注册该事件,并使用“thisObj.triggerEvent()”方法触发该事件。 desc 事件的中英文描述,可描述事件的具体场景、作用,必须配置。 fields
数据源:选择DWS数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集 支持从指定的schema中,选择数据表
右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置图标的颜色。 图4 配置 交互 在交互中,配置图标组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置分割线的颜色。 图4 配置 交互 在交互中,配置分割线组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置地图组件的基本信息、热力图层、柱状图层和标签图层等。 图4 配置 地图基本配置 地图类型:地图第三方服务商,如天地图、高德地图和百度地图。 高德/百度/天地图密钥:地图第三方密钥,请自行到对应官网申请。
标题显示:是否显示标题。 标题内容:设置标题内容,如完成率。 标题字体:设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的基本配置和进度条配置。 图4 配置 基本配置 数字显示:是否显示数字。 数字位置:设置数字的显示位置,如左、居中或右。 数字字体:设置数字的字体、大小和颜色等。
右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置指标组件的对齐方式、数值和前后缀。 图7 配置 统一配置 > 对齐:设置指标的对齐方式,如左对齐、居中和右对齐。 数值:指标是否显示数值,设置为“显示”时,可设置如下属性。