检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
getProperties 获取该组件配置的属性值,组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径,用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件
项目名称:DLI服务所在区域的项目名称,获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上,在下拉列表中单击“我的凭证”。 在“我的凭证 > API凭证 > 项目列表”中,获取“项目”的值。 项目ID:DLI服务所在的区域的项目ID,获取方法如下。 登录华为云管理控制台。
获取组件对象并操作组件 获取组件。 在“图层”页面,选中日期选择器组件。 图10 选中日期选择器组件 将鼠标悬浮在日期选择器上,组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后,可以通过AstroCanvas提供的API来操作组件,如显示/隐藏组件。关于API的详细介绍,请参见内置API一览表。
用于手动刷新页面的accesstoken。 getUrlParam 用于获取查询字符串中的参数。 getLocalStorage 用于获取某个localStorage的值。 setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值,使用方式参考如下:
”。 图4 拖拽字段到坐标轴 表格字段:展示创建数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每隔多少秒从AstroZero中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水位图图形 颜色:设置图表中,图形的颜色。
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 箭头水位图图形 颜色:设置图表中,图形的颜色。
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 圆角矩形水位图图形
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水滴水位图图形 颜色:设置图表中,图形的颜色。
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 矩形水位图图形 颜色:设置图表中,图形的颜色。
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 钻石水位图图形 颜色:设置图表中,图形的颜色。
”。 图6 拖拽字段到坐标轴 表格字段:展示创建数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每隔多少秒从AstroZero中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了
在本地部署信息中,单击“版本列表”,下载AstroCanvas运行环境部署包。 图3 下载新版本的运行环境部署包 解压已获取的AstroCanvas运行环境部署包,获取private-deploy-版本号.jar包。 进入私有化部署安装指导中私有化部署的AstroCanvas目录。 cd
单击“启用模拟数据”,对项目中的组件数据来源进行统一控制。 在页面中,组件数据可来自模拟数据或访问业务接口获取。通过是否开启“启用模拟数据”,可对项目中的组件数据来源进行统一控制。 在进行前台页面开发时,经常要通过桥接器动态调用后台的接口来获取后台数据。在页面实际开发过程中,可能后台接口还未开发完成,这时可通过修改
边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 三角形水位图图形 颜色:设置图表中,图形的颜色。
桥接器预置 通过桥接器动态调用后台的接口,来获取后台数据展示在页面上,支持使用系统预置的桥接器或自定义桥接器。 预置桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 图1 单击数据 在数据类型中,选择“桥接器预置”,并选中所需的桥接器。
如图1所示。本示例中的global_SelectWidget为AstroCanvas系统预置的下拉框组件,可在“我的资产 > 我的组件”中获取。 { type: 'tab', name: 'multiple', parentName: 'selectConfObj'
设置组件数据。 选中组件,单击组件上方的。 选择所需的数据类型。 在配置流程中,通过SQL语句,获取数据。 数据接入的SQL语句中,需要添加4中创建的全局变量offset和pageSize,来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。
在配置中,设置组件的文本、段落和文本滚动方向。 图4 文本编辑配置 文本设置 文本内容:请输入文本内容,您也可以从后台数据中获取文本内容,详情请参见从数据中获取文本内容。 字体:设置文本字体、大小和颜色等。 文本装饰:为文本添加下划线、删除线和上划线。 段落设置 内容对齐方式:文本
静态数据 选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上。AstroCanvas已预置了静态数据,您也可以自定义静态数据。 静态数据 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击组件上方的。 在数据类型中,选择“静态数据”。