华为云用户手册

  • 更新库 更新组件前,请先获取锁,否则更新按钮置灰不可用。 参考如何登录AstroCanvas中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的库”。 将鼠标放在对应的库上,单击,获取锁。 将鼠标放在对应的库上,单击,进入更新库页面。 图4 进入更新库页面 在库更新页面,上传新的库、设置库参数,单击“更新”。 图5 设置库信息 将鼠标放在对应的库上,单击,可查看到新版本的库。 :单击该图标,可下载当前版本库。 :单击该图标,可在线编辑该版本库。
  • 操作步骤 租户管理员参考如何登录AstroCanvas中操作,登录AstroCanvas界面。 单击页面右上方“默认团队空间”后的,选择(可选)新建工作空间中创建的工作空间,切换到目标工作空间。 在目标工作空间中,单击页面数量下方的“调整配额”。 图1 选择调整配额 输入页面配额,单击“确定”。 例如,输入页面数为10,表示在工作空间A中,最多支持创建10个大屏页面。其中,40个表示可分配的页面数,70个为租户页面的总配额。若配额不足,可单击“页面扩容”,进行扩容,详情请参见页面扩容。 图2 设置页面配额 设置后,可发现页面数由“0个/0个”更新为“0个/10个”。 图3 查看已设置的页面配额
  • 操作步骤 开发好某个大屏页面,例如在页面中拖入基本饼图组件,保存后单击发布图标。 图1 开发页面 打开“发布链接”开关,生成发布后的页面链接。 单击“+ 新建版本”,会生成一个页面版本。 图2 新建第一个版本 单击新建版本后的,将该版本设置为当前发布页。 图3 设置发布页 在页面版本的操作列中,您还可以执行如下操作: :预览该版本页面。 :编辑该版本页面。 :删除该版本页面。当前版本页面设置为发布页后,不支持删除。 关闭页面发布设置,返回设计页面,拖入其他组件,如折线图组件,保存页面。 图4 拖入其他组件 单击页面上方的,单击“+新建版本”,会生成第二个版本。 生成的第二个版本会显示在上方,由于发布页设置的是第一个版本的页面,这时用户通过发布后的链接访问页面,页面仍是第一个版本,不会看到第二个版本新建的折线图组件。 图5 新建第二个版本
  • 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 参考线 统一配置:设置参考线两端的样式,如圆形、矩形等。 图11 Y轴参考线两端样式 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,可新增参考线。单击对应参考线后的,可删除参考线。 X轴参考线 X轴参考线:是否显示X轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增X轴参考线”,可新增参考线。单击对应参考线后的,可删除参考线。
  • 指标 指标是指可视化组件中,对除可视化图形之外的具体补充,即主要以文字和数字的表现形式,为可视化组件提供具体数值的参考。 图12 指标 显示指标:是否显示指标。 指标内容:设置指标内容。 指标字体:设置指标内容的字体、大小、颜色等。 指标类型:设置指标类型,支持总和、平均值和自定义。 数值内容:“指标类型”设置为“自定义”时,支持自定义数值内容。 数值字体:设置数值字体、大小、颜色等。 数值位数:设置数值小数点后的位数。
  • 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置组件中,图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线类型选择平滑时,基本折线图近似曲线图。 折线宽度:设置图形中折线的宽度,取值范围为0~100。 拐点尺寸:设置拐点尺寸,取值范围为0~100。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。 折线颜色:设置折线颜色,支持单色和渐变色。如果开启了阈值线,渐变会随着阈值线值变化。 折线不透明度:设置折线的不同透明度。 拐点尺寸:设置拐点尺寸。 拐点颜色:设置拐点显示的颜色。 拐点不透明度:设置拐点不透明度。 区域颜色:设置折线图中区域颜色。 数据标签:是否显示数据标签,支持设置标签颜色、前缀和后缀。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 图5 最终设置效果
  • 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题:是否显示组件的标题(如图3中的服务采购)。设置为“显示”时,可自定义标题的如下属性。 内容:组件标题显示的文字内容。 字体:设置组件标题的字体样式、大小和颜色等。 对齐:标题相对于组件的对齐方式,如左对齐、居中和右对齐。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上下左右四个边界之间的距离,单位默认px。 标题偏移:组件标题与基本折线图之间的偏移量。 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,如默认、极简等。 图表背景:设置图表的背景颜色、圆角和内边距。
  • 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图9 坐标轴 x轴 X轴:是否显示X轴。 轴标题:X轴标题。 字体:设置坐标轴字体、颜色和大小等。 标题偏移:标题相对于轴线的偏移。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换行、标签字数过多省略和标签字数过多不做处理。 标签旋转:标签旋转角度。 网格线:是否显示网格线。 y轴 Y轴:是否显示Y轴。 轴标题:Y轴标题。 字体:设置坐标轴字体、颜色和大小等。 标题偏移:标题相对于轴线的偏移。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 最小间隔:坐标轴最小间隔大小。 网格线:是否显示网格线。 轴起始值:设置Y轴的起始数值。为方便数据展示,输入为接入数据最大值时,图表Y轴起始值为最大值的一半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签展示样式,如默认或计数单位。
  • 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图6 图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。 左间距:图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到饼图组件顶部距离占组件高度。 翻页按钮:设置翻页按钮颜色。 翻页按钮不激活:设置翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。
  • 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图5 图例 显示图例:是否展示图例。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。图例文字内容来源于数据模型下“s”的取值。 图例位置(左):图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到饼图组件顶部距离占组件高度。 图例类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。 翻页按钮:翻页按钮的颜色。 翻页按钮不激活:翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。
  • 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:组件标题字体、大小和颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上下左右四个边界之间的距离,单位默认px。 标题偏移:组件标题与渐变色饼图之间的偏移量。 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认和带标签两种。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:是否显示图表的标题。设置为“显示”后,可自定义标题内容、内容字体、大小和颜色等。
  • 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置组件中图表的图例颜色。 统一配置 数据系列:是否显示该系列数据。若不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。 内半径:设置饼图内半径的值,单位%。 外半径:设置饼图外半径的值,单位%。 圆心横坐标:设置饼图圆心横坐标的值,单位%。 圆心纵坐标:设置饼图圆心纵坐标的值,单位%。 排布顺序:扇区可按顺时针或逆时针排布。 起始角度:扇区起始角度。 最小角度:扇区最小角度。 鼠标悬停:鼠标放在扇区时,该扇区是否放大显示。 所有标签设置:设置为“显示”后,图表中会显示标签。 所有标签悬浮设置:鼠标悬浮在对应数据系列上时,标签是否显示。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:设置为“是”时,标签前会添加引导线。 引导线长度:设置标签引导线的长度。 标签内容:设置标签显示的内容,包含数据值、百分比和系列名。 标签文字:设置标签内容的字体、大小和颜色等。 描边:实心圆饼图间系列和整体范围描边样式。 设置背景:饼图背景颜色、内外半径设置。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式,支持以下几种。 单色:可设置正常颜色和高亮下颜色。 渐变色:可设置渐变样式、渐变方向、起始颜色和结束颜色。 纹理:设置为“纹理”时,需要上传纹理图片,支持设置所有数据项纹理重复或者不重复。 普通标签:未选中数据系列时,标签的样式。 系列名是否展示:标签中系列名是否显示,如工程管理。 数据值是否展示:标签中数据值是否显示,如工程管理对应的数据值“635”。 百分比是否展示:标签中百分比是否显示,如工程管理对应的百分比“67.2”%。 普通标签字体:设置标签内容的字体、颜色和大小等。 高亮标签:选中数据系列时,标签的样式。 系列名是否展示:标签中系列名是否显示,如工程管理。 数据值是否展示:标签中数据值是否显示,如工程管理对应的数据值635。 百分比是否展示:标签中百分比是否显示,如工程管理对应的百分比67.2%。 高亮标签字体:设置标签内容的字体、颜色和大小等。
  • 配置 在配置中,设置选项卡基础样式和选项卡设置。 图4 配置 基础样式设置 标签圆角:设置标签圆角。 默认文字:选项卡没启用,处于默认状态下的文字字体、文字粗细、文字大小、文字颜色。 激活文字颜色:选中当前选项卡Tab,即激活状态下的文字颜色。 默认背景色:选项卡没启用,处于默认状态下的背景色。 激活背景色:选中当前选项卡Tab,即激活状态下的背景色。 选项卡设置 初次激活是否触发事件:初次激活选项卡时,是否触发事件。 初次激活选项卡:页面加载后显示的激活状态下的选项卡。 选项卡数量:选项卡Tab的数量。 选项卡1/2名称:选项卡显示的名称。
  • 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置图表中,图形的颜色。 统一配置 数据系列:是否显示该系列数据。若不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。 圆心角:设置为相同时,每块扇区的圆心角相同,通过扇区的面积大小体现比例大小。设置为不同时,圆心角和面积均不相同。 内半径:设置饼图内半径的值,单位%。 外半径:设置饼图外半径的值,单位%。 圆心横坐标:设置饼图圆心横坐标的值,单位%。 圆心纵坐标:设置饼图圆心纵坐标的值,单位%。 排布顺序:扇区可按顺时针或逆时针排布。 起始角度:扇区起始角度。 最小角度:扇区最小角度。 鼠标悬停:鼠标放在扇区时,该扇区是否放大显示。 所有标签设置:是否显示标签。 所有标签悬浮设置:标签悬浮设置。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:标签视觉引导线设置。 引导线长度:设置引导线的长度。 标签内容:标签内容是否显示系列名、数据名、数据值和百分比。 标签文字:标签字体颜色、大小、粗细和系列设置。 描边:饼图间系列和整体范围描边样式。 设置背景:是否设置饼图背景,支持设置背景颜色、内外半径。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式,支持以下几种。 单色:可设置正常颜色和高亮下颜色。 渐变色:可设置渐变样式、渐变方向、起始颜色和结束颜色。 纹理:设置为“纹理”时,需要上传纹理图片,支持设置所有数据项纹理重复或者不重复。 标签设置:开启该设置时,统一配置中的相同设置将失效。 标签悬浮设置:开启该设置时,统一配置中的相同设置将失效。 普通标签:未选中数据系列时,标签的样式。 系列名是否展示:标签中系列名是否显示,如工程管理。 数据值是否展示:标签中数据值是否显示,如工程管理对应的数据值“635”。 百分比是否展示:标签中百分比是否显示,如工程管理对应的百分比“67.2”%。 普通标签字体:设置标签内容的字体、颜色和大小等。 高亮标签:选中数据系列时,标签的样式。 系列名是否展示:标签中系列名是否显示,如工程管理。 数据值是否展示:标签中数据值是否显示,如工程管理对应的数据值635。 百分比是否展示:标签中百分比是否显示,如工程管理对应的百分比67.2%。 高亮标签字体:设置标签内容的字体、颜色和大小等。
  • 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图5 图例 显示图例:是否显示图例。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。 图例位置(左):图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到饼图组件顶部距离占组件高度。 图例类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。“图例类型”设置为“滚动翻页”时,支持自定义翻页按钮激活和不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。
  • 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题: 标题:是否显示该组件标题。 内容:输入组件标题内容。 字体:设置组件标题的字体、大小和颜色等。 对齐:标题相对于组件的对齐方式,支持左对齐、右对齐和居中。 标题背景色:标题背景颜色。 内边距:标题与组件框上下左右四个边界之间的距离,单位默认px。 标题偏移:组件标题与玫瑰花饼图之间的偏移量。 背景 背景色:设置组件卡片的背景颜色。 边框:组件的边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:设置组件中图表的样式,支持默认和带标签两种。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:设置为“显示”时,可自定义标题的内容、位置、字体大小和颜色等。
  • 配置 在配置中,设置日历组件当月默认状态、选中状态、日历卡片、头部等。 图4 配置 当月默认状态/选中状态/前月和下月状态/状态4...... 对应的状态码,系统默认有如下几个状态,每个状态有对应的状态码来标识。 当月默认状态:状态码为“0”。 选中状态:状态码为“1”。 前月和下月状态:状态码为“2”。 状态4/5/6/7:其他状态,每种状态可对应日历上的待办事项或者重要内容等。 该状态下日期块的背景色:设置当前状态下日期块的背景颜色。 日期字体:设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小:设置该状态下日期的行高大小。 内容字体:设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色:设置日历卡片的背景颜色。 边框色:设置日历卡片边框的颜色。 日期块的高度:设置每个日期块的高度。 日期块对齐方式:设置日期块的对齐方式,如左对齐、右对齐、居中。 日历头部 年月字体:设置日历头部年月字体、文字大小、年月文字颜色等。 快捷按钮字体:设置日历头部右侧快捷按钮字体、字体大小和颜色等。 快捷按钮背景色:设置日历头部右侧快捷按钮的背景色。 星期字体:设置日历头部星期的字体、文字大小、文字颜色等。
  • 指标 指标是指可视化组件中,对除可视化图形之外的具体补充,即主要以文字和数字的表现形式,为可视化组件提供具体数值的参考。 图11 指标 显示指标:是否显示指标。 指标内容:设置指标内容。 指标字体:设置指标内容的字体、大小、颜色等。 指标类型:设置指标类型,支持总和、平均值和自定义。 数值内容:“指标类型”设置为“自定义”时,支持自定义数值内容。 数值字体:设置数值字体、大小、颜色等。 数值位数:设置数值小数点后的位数。
  • 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图9 参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 图10 Y轴参考线两端样式 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,可新增参考线。单击对应参考线后的,可删除参考线。 X轴参考线 X轴参考线:是否显示X轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增X轴参考线”,可新增参考线。单击对应参考线后的,可删除参考线。
  • 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:组件标题的字体、大小、颜色等设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置组件标题的背景颜色。 内边距:标题与组件框上下左右四个边界之间的距离,单位默认px。 标题偏移:组件标题与多区域折线图之间的偏移量。 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。 参考模板:系统预置的组件样式模板,支持默认和带标记模板等。 图表背景:设置图表的背景颜色、圆角和内边距。
  • 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色:设置组件中图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。 拐点尺寸:设置拐点尺寸。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。 折线颜色:设置折线颜色,支持单色和渐变色。如果开启了阈值线,渐变会随着阈值线值变化。 折线不透明度:设置折线的不同透明度。 拐点尺寸:设置拐点尺寸。 拐点颜色:设置拐点显示的颜色。 拐点不透明度:设置拐点不透明度。 区域颜色:设置折线图中区域颜色。 数据标签:是否显示数据标签,支持设置标签颜色、前缀和后缀。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。
  • 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图5 图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。图例文字内容来源于数据模型下“s”的取值。 左间距:图例到折线图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到折线图组件顶部距离占组件高度。 翻页按钮:设置翻页按钮颜色。 翻页按钮不激活:设置翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。
  • 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图8 坐标轴 x轴 X轴:是否显示X轴。 轴标题:X轴标题。 字体:坐标轴字体、颜色、大小设置。 标题偏移:标题相对于轴线的偏移。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换行、标签字数过多省略和标签字数过多不做处理。 单行字数:设置标签单行显示的文字个数。“标签行为”设置为“标签字数过多换行”或“标签字数过多省略”时,才需要配置。 标签旋转:标签旋转角度。 网格线:是否显示网格线。 y轴 Y轴:是否显示Y轴。 轴标题:Y轴标题。 字体:坐标轴字体、颜色、大小设置。 标题偏移:标题相对于轴线的偏移。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 最小间隔:坐标轴最小间隔大小。 标签行为:标签字数过多时是否进行处理,包括标签字数过多换行、标签字数过多省略和标签字数过多不做处理。 单行字数:设置标签单行显示的文字个数。“标签行为”设置为“标签字数过多换行”或“标签字数过多省略”时,才需要配置。 网格线:是否显示网格线。 轴起始值:设置Y轴的起始数值。为了方便数据展示,输入为接入数据最大值时,图表Y轴起始值为最大值的一半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签的展示样式,如默认或计数单位。
  • 批量删除自定义组件 参考如何登录AstroCanvas中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 在待删除的自定义组件上,单击,获取锁。 选中已锁定的多个组件,单击“删除”。 您可以通过鼠标框选、“Ctrl+单击”、“Ctrl+A”或“Ctrl+Shift+框选”,来选择多个组件。 图20 批量删除组件 在弹出的确认框中,单击“确定”。
  • 编辑组件 参考如何登录AstroCanvas中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 将鼠标放在对应的组件上,单击。 图10 编辑组件 在组件编辑页面,单击右上角的,获取锁。 按需在线修改组件文件,单击。 在弹出的提示框中,单击“确定”。 在组件更新页面,按需设置组件参数(如修改组件名称为TabsWidget_Update),单击“更新”。 图11 更新组件 返回我的组件页面,可查看到组件名称变为TabsWidget_Update。 图12 查看新组件 在组件上,单击,可查看到新版本的组件(如1.0.2)。 图13 组件新版本
  • 批量复制自定义组件到工作空间 参考如何登录AstroCanvas中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 选中多个组件,单击“复制到工作空间”。 您可以通过鼠标框选、“Ctrl+单击”、“Ctrl+A”或“Ctrl+Shift+框选”,来选择多个组件。 图19 复制多个组件到目标工作空间 在弹出的页面,选择目标工作空间,单击“确定”。
  • 更新组件 更新组件前,请先获取锁,否则更新按钮置灰不可用。 参考如何登录AstroCanvas中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 将鼠标放在对应的组件上,单击,获取锁。 将鼠标放在对应的组件上,单击,进入更新组件页面。 图7 进入更新组件页面 在组件更新页面,上传新的组件、设置组件参数,单击“更新”。 图8 设置组件信息 将鼠标放在对应的组件上,单击,可查看到新版本的组件(如1.0.1)。 图9 查看组件版本 :单击该图标,可下载当前版本组件。 :单击该图标,可在线编辑该版本组件。
  • 新建目录 参考如何登录AstroCanvas中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 单击所有组件后的,选择“新增目录”。 输入目录名称,单击“确定”。 目录名称长度为1~64个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 图1 设置目录名称 目录创建完成后,支持修改目录名称、删除目录,也可以在当前目录下创建子目录。 图2 管理目录
  • 如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“?全局变量名=值”,给页面全局变量赋值,查看组件的数据变化。 图1 在URL参数中给全局变量赋值 父主题: AstroCanvas学堂
  • 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片的边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 上边距:图表到组件边框顶部的距离。 右边距:图表到组件边框右侧的距离。 下边距:图表到组件边框底部的距离。 左边距:图表到组件边框左侧的距离。
共100000条