检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 配置 在配置中,设置组件的样式、颜色和对齐方式。 图4 配置 样式设置:设置勾选框的样式,支持圆角、方形和圆形。 颜色设置 字体颜色:未选中状态下,选项字体的颜色。 背景颜色:选项背景的颜色。
显示标题:是否显示标题。 标题内容:设置标题的内容。 图4 设置标题的具体内容 标题字体:设置标题的字体、颜色和大小等。 配置 在配置中,设置多趋势组件的数值、同比和环比。 图5 配置 数值配置 显示数字:是否显示数字。 图6 显示数字 数字字体:设置数字的字体、大小和颜色等。 前缀:设置数字的前缀。
已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式,支持左对齐、右对齐和居中。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上、左、右三个边界之间的距离,下为标题与图表之间的距离,单位默认px。
即单击“取消当前主题卡片装饰”)。 配置文本编辑组件。 选中上方文本编辑组件,单击上方,设置文本内容为“人员来访统计”,字体设置为“60”。 图7 设置文本编辑标题 在段落设置中,设置标题对齐方式为“居中”。 图8 设置标题对齐方式 配置水平基本柱图组件。 选中最上方的水平基本
开通自动续费后,AstroCanvas会在每次到期前自动续费,避免因忘记手动续费而导致资源被自动删除。 在AstroCanvas生命周期的不同阶段,您可以根据需要选择一种方式进行续费,具体如图1所示。 图1 AstroCanvas生命周期 AstroCanvas从购买至到期前,处于正常运行阶段,资源状态为“运行中”。
EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板,包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板,包含基本配置项、交互、数据对接等能力。 widgetVueTemplate
纹理:设置为“纹理”时,需要上传纹理图片,支持设置所有数据项纹理重复或者不重复。 标签设置:开启该设置时,统一配置中的相同设置将失效。 标签悬浮设置:开启该设置时,统一配置中的相同设置将失效。 普通标签:未选中数据系列时,标签的样式。 系列名是否展示:标签中系列名是否显示,如工程管理。
文件介绍 i18n.json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n": [{ "name":
使用未上线模板新建页面 模板已审核 本租户下的用户或其他租户下的用户,可通过如下两种方式使用该模板创建页面。 方式一:在图2中的“预置模板”下,可查看到已审批的模板,并使用该模板新建页面。 方式二:登录Astro低代码平台。在“资产中心”中,可查看到该模板,并可使用该模板新建页面。
其他数据源 配置组件数据时,支持直接创建关系型数据库、ROMA连接器、DLI、DWS、AstroZero、AstroZero API、HTTP连接器和Prometheus数据源作为组件的数据来源。 操作场景 使用在数据集中配置的数据源前,需要提前在数据中心创建各种类型数据源,配置过程中
的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:组件标题的字体、大小、颜色等设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置组件标题的背景颜色。 内边距:标题与组件框上下左右四个边界之间的距离,单位默认px。 标题偏移:组件标题与多区域折线图之间的偏移量。
参考线:设置已有参考线的颜色和线型,单击“新增X轴参考线”,可新增参考线。单击对应参考线后的,可删除参考线。 数据 在数据中,配置散点图的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置散点图与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 图表
设置的装饰样式。 标题: 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上下左右四个边界之间的距离,单位默认px。 图4 内边距 标题偏移:组件标题与双向柱图之间的偏移量。
参考线:设置已有参考线的颜色和线型,单击“新增X轴参考线”,可新增参考线。单击对应参考线后的,可删除参考线。 数据 在数据中,配置气泡图的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置气泡图与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 图表
classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组,因此这个字段被扩展为双数组形式。一般默认情况下,直接在数组对象的第一个数组中配置即可。如果无配置,则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。
eventConfig为组件事件配置项,用于定义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig示例如下: // 组件事件配置项,定义组件事件结构及说明。给全局变量映射使用
在已购买的Astro大屏应用实例中,单击“续费”。 图1 选择续费 选择AstroCanvas的续费时长,单击“去支付”。 图2 续费确认 进入支付页面,选择支付方式,确认付款,支付订单后即可完成续费。 在费用中心续费 登录管理控制台。 在主菜单中,选择“费用 > 续费管理”,进入“续费管理”页面。 自定义查询条件。
图11 查看渲染效果 数据 在数据中,配置ECharts组件的数据来源,更多介绍请参见数据接入。 与其他组件不同的是,ECharts组件在数据配置流程中没有字段映射,而是直接改变实例化代码块的内容。 图12 设置组件数据源 将左侧表格字段拖拽到右侧配置中的代码块高亮处,如图13。如果简
组件数据接入 组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时,默认组件需要对接数据集。配置示例如下: propertiesConfig:
复制并粘贴组件 操作场景 通过复制粘贴功能,可快速将组件的配置参数复制到同类型的另一个组件中,从而高效完成多个同类型组件配置项参数之间的传递。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。