检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何切换AstroCanvas平台主题颜色 AstroCanvas支持切换平台主题颜色,以便于用户可以按照自己喜欢的界面风格进行设置。 设置AstroCanvas平台主题 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas页面,单击页面右上方“账户名”后的。 选
录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 标签:SQL作业的标签。单击“标签”后的“展开”,设置标签的键“key”和标签的值“value”,即在DLI构建数据中设置的标签。 设置标签:从设置标签的SQL作业中,获取数据
图层透明度:设置图层的透明度。 图层样式 颜色设置:设置图层的颜色,单击“新增颜色设置”,可添加新的颜色。 最大值:热力值的最大值,默认为数据中的最大值,也可以自定义设置,会控制热力的最热区域的显示效果。 最小值:热力值的最小值,默认为数据中的最小值,也可以自定义设置,会控制热力的最冷区域的显示效果。
境发布、B环境安装,实现开发 > 测试 > 上线的快速部署,从而实现不同环境之间大屏&PC端、移动端资产的快速迁移。 发布项目 将已开发好的项目进行一键发布,发布项目时支持将项目中的数据集数据一并进行打包。 安装项目 获取已发布的项目包,在其他环境中安装,实现项目迁移。
如何基于页面级的全局变量实现组件交互 AstroCanvas支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值。本章节将以开发一个告警监控页面为例,逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面,如图1所示,在页面上方下拉框中选择告警状
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时,默认组件需要对接数据集。配置示例如下:
进度条样式:设置进度条的样式,如圆角矩形、矩形。 进度条宽度:设置进度条的宽度。 进度条颜色:设置进度条当前进度的颜色。 进度条背景色:设置进度条的背景颜色。 图标进度条:是否显示进度条图标。 图标样式:自定义图标样式。建议选择JPG、JPEG、PNG或GIF格式的图片,且每张图片的大小不能超过50MB。
AstroCanvas支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值,详情请参见如何基于页面级的全局变量实现组件交互。 全局变量中的作用次数,用于统计该全局变量被使用了多少次。单击作用次数下的具体次数,可查看该全局变量的作用域。 图3 设置全局变量 图4 查看全局变量作用的域 页面开发流程
最大高度:设置下拉弹出框的最大高度。 背景颜色:设置下拉弹出框的背景色。 字体颜色:设置下拉弹出框中字体的颜色。 选中态背景颜色:设置选中某项内容时,背景的颜色。 选中态字体颜色:设置选中某项内容时,字体的颜色。 鼠标悬浮时背景颜色:设置鼠标悬浮在某项内容上时,背景的颜色。 鼠标悬浮时字
区间对应的颜色。 图10 区间部分 填充颜色:设置标签数据所处区间的对应颜色。均分显示时,区域数据从小到大,对应图层颜色由浅到深。区间显示时,区域图层颜色取决于其数据所处区间对应颜色。 数值字体:设置标签数值的字体、颜色和大小等。 数值后缀:设置标签数值的后缀,如%。 内容字体:设置标签内容的字体、颜色和大小等。
在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图4 配置 年月日 显示:是否显示年月日。 字体:设置年月日字体、颜色和大小等。 时间 显示:是否显示时间。 字体:设置时间字体、颜色和大小等。 星期 显示:是否显示星期。 字体:设置星期字体、颜色和大小等。 背景颜色:设置组件背景颜色。
表头行高占比(%):设置表头的行高占比。 背景色:设置表头的背景颜色。 对齐方式:设置表头的对齐方式,如水平居中、居左和居右。 表头字体:设置表头的字体、颜色和大小等。 行配置 换行显示:是否开启换行显示。 行背景色:设置行的背景颜色,支持设置奇数、偶数行背景颜色和自定义行背景颜色。 行背景色设
样式设置:设置勾选框的样式,支持圆角、方形和圆形。 颜色设置 字体颜色:未选中状态下,选项字体的颜色。 背景颜色:选项背景的颜色。 选中态背景颜色:选中状态下,选择框背景的颜色。 边框颜色:未选中状态下,选择框边框的颜色。 边框聚焦颜色:鼠标选中选择框时,边框的颜色。 边框悬浮颜色:鼠标悬浮在选择框上时,边框的颜色。
搜索框设置 字体:搜索内容的字体大小、颜色等设置。 背景颜色:设置搜索框的背景颜色。 边框颜色:默认状态下,搜索框边框的颜色。 边框聚焦颜色:鼠标选中搜索框时,边框的颜色。 边框悬浮颜色:鼠标悬浮在搜索框上时,边框的颜色。 占位符:没有输入搜索内容时,展示的文字内容。 搜索按钮设置
默认选择项:下拉框默认的选择项。 字体:下拉框中字体的大小、颜色等设置。 背景颜色:设置下拉框的背景颜色。 边框颜色:默认状态下,下拉框边框的颜色。 边框聚焦颜色:鼠标选中下拉框时,边框的颜色。 边框悬浮颜色:鼠标悬浮在下拉框上时,边框的颜色。 占位符:没有输入内容时,展示的文字内容。 是
默认状态样式:设置碑节点的默认状态样式,支持图片改色和上传图片两种样式。 默认颜色:设置碑节点的默认样式的颜色。 选中状态样式:设置碑节点的选中状态。 选中颜色:设置碑节点选中时的颜色。 高亮状态样式:设置碑节点高亮状态的样式。 高亮颜色:设置碑节点高亮状态的颜色。 聚焦颜色:设置碑节点聚焦状态的颜色。
该状态下日期块的背景色:设置当前状态下日期块的背景颜色。 日期字体:设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小:设置该状态下日期的行高大小。 内容字体:设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色:设置日历卡片的背景颜色。 边框色:设置日历卡片边框的颜色。 日期块的高度:设置每个日期块的高度。
行修改。 显示名称:图表中实际显示的系列名称。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式,支持以下几种。 单色:可设置正常颜色和高亮下颜色。 渐变色:可设置渐变样式、渐变方向、起始颜色和结束颜色。 纹理:设置为“纹理”时,需要上传
是否显示未来天气预测:是否展示未来一周的天气预报。 背景颜色:天气预报的背景颜色。 今日温度 是否显示:是否显示今日温度。 字体:今日温度的字体、大小和颜色等设置。 天气图标 是否显示:是否显示天气图标。 图标大小:天气图标的大小。 图标颜色:天气图标的颜色。 城市名字 是否显示:是否显示城市名字。
宽度:设置表盘的边框宽度。 阴影颜色:设置表盘边框阴影颜色。 阴影大小:设置表盘边框阴影大小。 指针长度(%):设置表盘指针的长度。 指针宽度:设置表盘指针的宽度。 指针颜色:设置表盘指针的颜色。 指针固定点:是否显示指针的固定点。设置为显示时,支持设置固定点的大小、颜色等。 图7 指针固定点 固定点