云服务器内容精选

  • 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 词云卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式,支持左对齐、右对齐和居中。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上、左、右三个边界之间的距离,下为标题与图表之间的距离,单位默认px。 图4 词云内边距 标题偏移:组件标题与词云图表之间的偏移量。 图5 词云标题偏移 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题 显示图表标题:是否显示图表标题,默认为隐藏。 标题获取:设置标题获取方式,支持自定义和从系列名获取。 标题内容:“标题获取”设置为“自定义”时,可自定义标题的内容。 标题位置(上%):设置标题距离组件上边界的距离。 标题位置(左%):“标题获取”设置为“自定义”时,支持设置标题距离组件左边界的距离。 字体:设置标题字体、大小和颜色。
  • 图形 图形是指组件中,实现 数据可视化 的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 词云图形 颜色:设置图表中图形的颜色。 统一配置 是否展示:是否展示词云,默认为是。 词云形状:设置词云形状,如圆形、心形、三角形等。 字体:设置词云的字体。 字号范围:设置词云字号范围。 间距:设置词云间距。 倾斜角度范围:设置词云倾斜角度范围你,取值为[-90, 90]。 角度阶梯:设置词云角度阶梯。 数据系列:展示系列内容,支持修改系列颜色。 展开更多数据系列:单击,可新增数据系列。
  • 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 图片卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 图片地址:支持输入图片地址,来展示图片。 链接:设置单击图片后,跳转的链接地址。 图片设置:设置图片填充方式,并选择对应图片。
  • 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 气泡图图形 颜色:设置表单中,图形的颜色。 统一配置 标记图形:设置标记的图形,如圆形、矩形、三角形等。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 标记图形:设置标记的图形样式,如圆形、矩形、三角形等。 颜色设置:设置标记颜色样式,支持纯色、线性渐变和径向渐变。 颜色:设置标记的颜色。 边框颜色:设置标记边框颜色。 阴影颜色:设置标记阴影颜色。 阴影大小:设置标记阴影大小。 水平方向偏移距离:气泡图中气泡在水平方向上的偏移位置。 垂直方向偏移距离:气泡图中气泡在垂直方向上的偏移位置。 图形透明度:气泡图中气泡的透明度。 数据标签:显示气泡图对应的数值标签。 图表标注和标线最大值:显示对应数据系列数据的最大值。 图表标注和标线最小值:显示对应数据系列数据的最小值。 图表标注和标线平均值:显示对应数据系列数据的平均值。
  • 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图8 气泡图坐标轴 X轴 X轴:是否显示X轴。 X轴坐标轴类型:设置X轴坐标轴类型,支持连续数据、类目轴和时间轴。 坐标轴分割段数:设置X轴坐标轴段数。 最大值:X轴标签能显示的最大值。 最小值:X轴标签能显示的最小值。 坐标轴名称:设置X轴坐标轴显示名称。 坐标轴名称字体:坐标轴字体、颜色、大小等设置。 刻度标签旋转的角度:设置刻度标签旋转的角度。 轴线显示:是否显示轴线。 刻度显示:是否显示刻度线。设置为显示时,支持设置线的颜色。 刻度标签字体:设置标签的字体、颜色和大小等。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。 Y轴 Y轴:是否显示Y轴。 Y轴坐标轴类型:设置Y轴坐标轴类型,支持连续数据、类目轴和时间轴。 最大值:Y轴能显示的最大值。 最小值:Y轴能显示的最小值。 坐标轴名称:设置X轴坐标轴显示名称。 坐标轴名称字体:坐标轴字体、颜色、大小设置。 轴线显示:是否显示轴线。 刻度显示:是否显示刻度线。设置为显示时,支持设置线的颜色。 刻度标签字体:设置标签的字体、颜色和大小。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。
  • 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图6 气泡图图例 显示图例:是否显示图例,图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。 文字风格:设置图例文字的风格,支持正常、斜体和倾斜体。 图例位置(左):图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到气泡图组件顶部距离占组件高度。 图例类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。
  • 添加组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,按照组件分类,查找到对应组件。 您也可以在搜索框中,输入所需的组件(如图1),或者按照图2进行查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键,将目标组件拖拽到画布中。 图3 拖拽文本编辑组件到画布中 组件添加成功后,会自动展示在画布中。您可以通过拖拽组件边框,调整组件的大小,也可以参考拖拽组件中操作,调整组件的位置。
  • 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 路由导航(示例)卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。
  • 配置 在配置中,设置组件的页签样式、导航页签和默认路由。 图4 路由导航(示例)配置 页签样式统一配置 页签方向:设置页签的显示方向,如水平方向、垂直方向。 位置:设置页签的位置,支持默认和自定义两种方式。 快捷设置:设置页签的显示位置,如居左、居右或居中。“位置”设置为“默认”时,才显示该配置。 上间距(%):设置页签距离组件上边界的距离。“位置”设置为“自定义”时,才显示该配置。 左间距(%):设置页签距离组件左边界的距离。“位置”设置为“自定义”时,才显示该配置。 导航页签:在导航页签,可删除或新增路由,也可对路由进行如下设置。 页签内容:设置当前路由页签的显示内容。 页签路由:选择当前路由页签关联的页面,只能选择已发布的页面。 默认文字:设置路由页签默认文字的字体、颜色和大小等。 默认样式:设置路由的默认样式,支持设置为颜色和自定义。 悬浮文字:设置鼠标悬浮在路由上时,页签内容的字体、大小和颜色等。 悬浮样式:鼠标悬浮在路由上时,路由显示的样式,支持设置为颜色和自定义。 点击文字:设置单击路由时,页签内容的字体、大小和颜色等。 点击样式:设置单击路由时的样式,支持设置为颜色和自定义。 默认路由:进入路由导航时,默认显示的页面。
  • 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 雷达图图形 颜色:设置图表中,图形的颜色。 统一配置 标记图形:设置标记的图形,如圆形、矩形等。 标记大小:设置标记的大小。 折线宽度:设置折线的宽度。 折线类型:设置折线类型,如实线、虚线等。 数据标签:是否显示数据标签,支持设置标签的字体、大小、颜色。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 标记图形:设置标记的图形,支持无、圆形、矩形和圆角矩形。 标记大小:设置标记的大小。 折线拐点标志颜色:设置折线拐点的标志颜色。 折线宽度:设置折线宽度。 折线类型:设置折线类型,支持实线、点线和虚线。 折线不透明度:设置折线的不透明度。 折线颜色:设置折线颜色。 区域填充不透明度:设置区域填充的不透明度。 区域填充颜色:设置区域填充颜色。 数据标签:是否显示标签。设置为显示时,支持设置标签的字体、颜色和大小等。
  • 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图6 散点图图例 显示图例:是否显示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。 文字风格:设置图例文字的风格,支持正常、斜体和倾斜体。 图例位置(左):图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 左间距:图例到散点图组件左侧距离占组件高度。 上间距:图例到散点图组件顶部距离占组件高度。 图例类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。
  • 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图9 散点图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,可新增参考线。单击对应参考线后的“x”,可删除参考线。 X轴参考线 X轴参考线:是否显示X轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增X轴参考线”,可新增参考线。单击对应参考线后的“x”,可删除参考线。
  • 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 散点图图形 颜色:设置图表中图形的颜色。 统一配置 标记图形:设置标记的图形,如圆形、矩形、三角形等。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 标记图形:设置标记的图形样式,如圆形、矩形、三角形等。 标记大小:设置标记的大小。 颜色设置:设置标记颜色样式,支持纯色、线性渐变和径向渐变。 颜色:设置标记的颜色。 边框颜色:设置标记边框颜色。 图形透明度:散点图散点的透明度,取值0~1。 数据标签:显示散点对应的数值标签。 图表标注和标线最大值:显示散点数据的最大值。 图表标注和标线最小值:显示散点数据的最小值。 图表标注和标线平均值:显示散点数据的平均值。
  • 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图8 散点图坐标轴 x轴 X轴:是否显示X轴。 X轴坐标轴类型:设置X轴坐标轴类型,支持连续数据、类目轴和时间轴。 坐标轴分割段数:设置X轴坐标轴段数。 最大值:X轴线标签数据的最大值。 最小值:X轴线标签数据的最小值。 坐标轴名称:设置X轴坐标轴显示名称。 坐标轴名称字体:坐标轴字体、颜色、大小设置。 刻度标签旋转的角度:设置刻度标签旋转的角度。 轴线显示:是否显示轴线。 刻度显示:是否显示刻度线。设置为显示时,支持设置线的颜色。 刻度标签字体:设置标签的字体、颜色和大小。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。 y轴 Y轴:是否显示Y轴。 Y轴坐标轴类型:设置Y轴坐标轴类型,支持连续数据、类目轴和时间轴。 最大值:Y轴线标签数据的最大值。 最小值:Y轴线标签数据的最小值。 坐标轴名称:设置X轴坐标轴显示名称。 坐标轴名称字体:坐标轴字体、颜色、大小设置。 轴线显示:是否显示轴线。 刻度显示:是否显示刻度线。设置为显示时,支持设置线的颜色。 刻度标签字体:设置标签的字体、颜色和大小。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。
  • 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图8 雷达图坐标轴 基本信息 半径:设置图表的半径。 横坐标(%):设置图表的横坐标。 纵坐标(%):设置图表的纵坐标。 绘制类型:设置图表绘制类型,支持多边形和圆形。 指示器名称 显示名称:是否显示名称。 文字风格:设置名称显示风格,支持正常、斜体和倾斜体。 字体:设置名称的字体、大小和颜色等。 指示器名称与指示器轴的距离:设置指示器名称与指示器轴之间的距离。 轴分割段数:设置轴分割段数。 分割线 显示分割线:是否显示分割线。 颜色设置:设置分割线颜色,单击“新增颜色设置”,可添加新的颜色。 分割区域 显示分割区域:是否显示分割区域。 颜色设置:设置分割区域颜色。 坐标轴轴线 显示轴线:是否显示轴线。 轴线颜色:设置轴线颜色。 数据系列 名称:系列的名称。 最大值:设置系列的最大值。 最小值:设置系列的最小值。 颜色:设置系列颜色。