检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
件。 自定义属性列表:路由视图自定义属性设置,如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中,选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中,设置路由视图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置地图组件的基本信息、热力图层、柱状图层和标签图层等。 图4 地图配置 地图基本配置 地图类型:地图第三方服务商,如天地图、高德地图和百度地图。 高德/百度/天地图密钥:地图第三方密钥,请自行到对应官网申请。
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集,将该接口的入参与全局变
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 配置 在配置中,设置音频组件的音频地址、是否自动播放和是否开启控制条等。 图4 音频轮播设置 音频 > 音频地址:输入音频的存放地址,仅支持MP3、OGG和WAV格式的音频。
{}); eventConfig:组件事件描述配置项,用来扩展给全局变量使用。 classfication:组件的配置项分类。 propertiesConfig:负责组件配置页面中,右侧的属性配置逻辑。 create(必须配置):组件内置的扩展,仅在组件首次被创建时调用一次。
选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台排序效果
选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台筛选效果
页面时可使用该页面模板文件,创建可视化页面,减少重复开发,提高交付效率。 发布及安装项目 项目开发完成后,可以在线预览,也可以一键打包从A环境发布、B环境安装,实现开发 > 测试 > 上线的快速部署,从而实现不同环境之间大屏&PC端、移动端资产的快速迁移。 发布项目 将已开发好的
边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 轮播配置 在轮播配置中,设置轮播页面的切换配置、自动播放和分页配置等。 图4 轮播页面轮播配置 轮播设置 页面:添加轮播的页面,可以选择本项目内的页面,也可以选择外部页面,但添加的页面数不能超过10个。
预置多种团队空间角色,预置管理员、开发者、数据分析师、数据工程师和访问者。 丰富组件轻松配置样式,快捷配置灵活实现布局 功能介绍 预置400+各类组件,配合自定义组件能力,实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 特性优势 丰富的组件:各类图表、地图、视频、二三维引擎、
数据源:选择AstroZero数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。
tp://”或“https://”协议头,同时也不需要“/”结尾。 域名参数:配置域名参数,包含字段名称、默认值和字段描述。连接器配置中,当域名中配置“{字段名}”参数时,才会显示该参数。 图6 配置域名参数 接口鉴权方式:设置接口鉴权方式,支持API鉴权、AK/SK、API Key和无身份验证。
即铺满整个组件。 标题:是否显示标题。打开该开关后,可设置标题的字体大小、字体颜色和标题内容等。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图4 时间翻牌器配置 星期 显示:是否显示星期。 字体:设置星期字体、颜色和大小等。 年月日 显示:是否显示年月日。 字体:设置年月日字体、颜色和大小等。
页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置翻牌器组件的样式和动画。 图4 翻牌器配置 样式设置 字体:设置翻牌器字体、大小和颜色等。 数字背景:翻牌器中数字是否显示背景。“动画类型”设置为“翻牌类型”时,不支持隐藏背景。
在画布中,拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择
即单击“取消当前主题卡片装饰”)。 配置文本编辑组件。 选中上方文本编辑组件,单击上方,设置文本内容为“人员来访统计”,字体设置为“60”。 图7 设置文本编辑标题 在段落设置中,设置标题对齐方式为“居中”。 图8 设置标题对齐方式 配置水平基本柱图组件。 选中最上方的水平基本
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置地图组件的基本信息、地图控件和地图控制,如是否显示比例尺、是否支持缩放、拖拽等。 图4 OpenLayers地图配置 地图基本配置 底图类型:设置地图底图的类型,支持OSM和XYZ两种类型。OSM
查看渲染效果 数据 在数据中,配置ECharts组件的数据来源,更多介绍请参见数据接入。 与其他组件不同的是,ECharts组件在数据配置流程中没有字段映射,而是直接改变实例化代码块的内容。 图12 设置ECharts图表组件数据源 将左侧表格字段拖拽到右侧配置中的代码块高亮处,如图1
从“全部组件 > 图表”中,拖拽“基本柱图”组件至画布空白区域。 在组件上方单击,配置流程选择“静态数据”,并添加url参数,对应数据项的数据详情页面URL,单击“保存”。 图2 配置流程 在组件上方单击,配置组件交互事件。 在作为触发器中,单击“+交互事件”,选择“当点击数据时”事件。
看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 数据中心 数据中心用于对数据源进行集中管理,将数据源配置简化,降低技术门槛,让业务人员可快速完成配置。AstroCanvas当前支持如下几种类型的数据集,其与数据源、转换器和目录之间的关系,如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图