检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
移位置。 图形透明度:气泡图中气泡的透明度。 数据标签:显示气泡图对应的数值标签。 图表标注和标线最大值:显示对应数据系列数据的最大值。 图表标注和标线最小值:显示对应数据系列数据的最小值。 图表标注和标线平均值:显示对应数据系列数据的平均值。 图例 图例是指在多维度可视化图形表
使用空白画布新建页面 创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 操作场景 从零开始,通过拖拽组件、设置页面布局、数据源等,构建AstroCanvas大屏&PC端页面。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
”。 在动作详情中,“响应组件”选择echarts组件,“响应动作”选择“设置数据高亮”,“dataIndex”设置为“0”。 图3 设置动作详情 保存交互设置,预览页面,echarts组件渲染首个数据获得高亮效果。 图4 查看渲染效果 父主题: AstroCanvas学堂
字体:设置组件的字体、大小和颜色等。 评星大小:设置评星显示星星的大小号。 数据系列 原数据名:原始数据中默认的数据名,内容来源于数据模型的值。 宽度占比(%):设置列名的宽度占比。 显示方式:设置数据的显示方式,数据为图片地址时可以展示为图片。 对齐方式:设置数据的对齐方式。 字体:“显示方式”设置为“文字”
说明 操作场景 通过Token参数签名校验功能,可以对大屏交互时传递的URL进行签名鉴权,保证大屏的URL访问链接不会被篡改,从而提高大屏数据以及用户信息的安全性。 前提条件 在使用Token签名验证功能前,需满足以下条件: AstroCanvas大屏页面,使用Token验证的方式进行发布。
设置背景:饼图背景颜色、内外半径设置。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:图表中实际显示的系列名。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式,支持以下几种。 单色:可设置正常颜色和高亮下颜色。
折线宽度:设置图形中折线的宽度,取值范围0~100 拐点尺寸:设置拐点尺寸,取值范围0~100 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。
筛选功能。 图11 在后台对数据进行筛选 数据系列:数据系列是一个数组,通常包含多个系列,即通过一个或多个系列配置循环渲染。 图12 数据系列 在数据系列中,拖动某一个系列可以和其他系列组成一个层级,最多支持3层。 图13 新建层级 原数据名:原始数据中默认的系列名称,可通过设置
柱条宽度:柱状条相对于X轴单位间隔的宽度,取值范围[1,100]。 数据标签:是否显示数据标签,即柱状条旁是否显示数值。开启后,支持设置数值显示位置和数值颜色。 数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。
表格中的数据进行筛选。 图9 开启前台筛选效果 数据系列:设置组件名称、时延和成功率三大数据的属性。 原数据名:原始数据中默认的系列名称,可通过设置“列名”,进行修改。文字内容来源于数据模型的取值。 列名:自定义图表中数据系列的显示名称。 数据系列:图表中是否显示该数据系列。 前
全局模板可在当前环境的所有租户下使用,而发布为模板中生成的模板只能在当前环境的对应租户下使用。 前提条件 发布为全局模板时,请确保该页面中仅使用了全局资产(全局组件、库、静态数据)。 操作 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 在所有页面中,单击待发布为全局模板的页面。
启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 操作步骤 参考使用模板新建页面中操作,创建一个大屏页面。 例如,使用交通管理模板,创建一个大屏应用,命名为A市交通管理大屏。
刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 网格线是否显示:是否显示轴网格线、轴网格线的类型和颜色设置。 数据 在数据中,设置热力图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置热力图与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题:
鼠标悬浮时背景颜色:设置鼠标悬浮在某项内容上时,背景的颜色。 鼠标悬浮时字体颜色:设置鼠标悬浮在某项内容上时,字体的颜色。 数据 在数据中,设置树状下拉框组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置树状下拉框组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
字体大小:设置趋势数字前缀的字体大小。 后缀:设置趋势数字的后缀,如%。 字体大小:设置趋势数字后缀的字体大小。 数据 在数据中,设置多趋势组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置多趋势与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 文本
输入上述转换器的数据处理代码,表示获取“result”数据。 新建数据集。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。 设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图3 新建数据集 数据集名称:数据集的名称,用于标识该数据集。本示例
下载项目 操作场景 项目发布后,在项目发布的版本管理中,可下载对应版本的项目包。 在AstroCanvas中导出项目时,项目包中包含的数据源密码会被置空。 操作步骤 在AstroCanvas界面的“项目列表”页面,单击待下载项目上的。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。
用库。 操作步骤 将自定义库的相关文件打成Zip包。 例如,在MintUI官网下载组件库的代码,增加一个packageinfo.json元数据描述文件,在该文件中列出Library包含的js和css文件名,并打成Zip包。该场景中Zip包为“MintUI.zip”,单击链接获取该包。
预览表格时会显示下图中的图标,用于对表格中的数据进行排序。 图9 在前台对数据进行排序 前台筛选:是否开启前台筛选功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行筛选。 图10 在前台对数据进行筛选 数据系列:数据系列是一个数组,通常包含多个系列,即通过一个或多个系列配置循环渲染。
图3 拖拽水平基本柱图组件 选择水平基本柱图组件,单击组件上方的,配置数据源,完成后单击“保存”。 “数据类型”选择“静态数据”,“输入数据”选择“Json模式”,输入如下示例数据,并单击,格式化数据。 [{ "x": "10-01", "y":