检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 圆角矩形水位图图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。
例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 基本漏斗图图形 颜色:设置图表中,图形的颜色。 统一配置 数据块高度(%):设置漏斗图的高度比。 标签字体:设置数据块中标签的字体、颜色、大小。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。
对齐:标题相对于组件的对齐方式,支持左对齐、右对齐和居中。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上、左、右三个边界之间的距离,下为标题与图表之间的距离,单位默认px。 图4 词云内边距 标题偏移:组件标题与词云图表之间的偏移量。 图5 词云标题偏移 背景 背景色:设置组件卡片的背景颜色。 边框:
字体:城市名字的字体、大小和颜色等设置。 今日天气 是否显示:是否显示今日天气。 字体:今日天气的字体、大小和颜色等设置。 当前星期 是否显示:是否显示当前星期。 字体:今日星期的字体、大小和颜色等设置。 当前日期 是否显示:是否显示当前日期。 字体:今日日期的字体、大小和颜色等设置。
EG、PNG和GIF格式的图片,且每张图片的大小不超过50MB。 激活背景样式:选中选项卡时,显示的背景样式,支持颜色和图片两种样式。 激活背景色:选中选项卡,即激活状态下的背景色。“激活背景样式”设置为“颜色”时,才显示该参数。 激活背景样式 > 填充方式:选中选项卡时,背景图
多区域折线图 多区域折线图是线状图的一种,通过不同数据区域的对比,可对数据的变化做出更直观的展现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“多区域折线图”组件至画布空白区域,如图1。 图1 多区域折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由
据模型的取值。 列名:自定义图表中数据系列的显示名称。 列宽占比:设置该数据系列的列宽占比。 背景色:设置该数据系列的背景色。 对齐方式:设置该数据系列中数据的对齐方式,如水平居中、左侧等。 字体:设置数据系列中数据的字体、颜色和大小等。 表头字体:设置表头的字体、颜色和大小等。
功能按钮和主题六个区域组成,各区域功能介绍请参见表1。 图1 可视化开发页面 表1 可视化开发页面功能说明 序号 名称 说明 1 组件 在全部组件中,可以查看到各种类型的组件(包括预置组件和自定义组件),将组件拖拽到画布中进行配置,完成可视化应用项目的开发。更多关于组件的介绍,请参见组件介绍。
已设置的装饰样式。 标题:组件是否显示标题。设置为显示时,支持设置如下属性。 内容:自定义标题的内容。 字体:设置自定义标题的字体、大小和颜色等。 对齐:设置标题的对齐方式,如左对齐、居中或右对齐。 标题背景色:设置标题的背景颜色。 内边距: 设置标题距离组件上下左右边界的距离。
设置标题的具体内容 标题字体:设置标题的字体、颜色和大小等。 配置 在配置中,设置多趋势组件的数值、同比和环比。 图5 多趋势配置 数值配置 显示数字:趋势中是否显示数字。 数字字体:设置数字的字体、大小和颜色等。 前缀:设置数字的前缀。 图6 设置数字前缀 字体大小:设置数字前缀的字体大小。
图例总宽高:设置图例项的宽度和高度,单位为“%”。 图例项宽度:设置图例的宽度,支持自动和自定义。 图例间隔:设置图例项之间的间隔。 图例标记 图例标记:设置图例前图标的形状。 标记宽高:设置图例前图标的宽度和高度。 图例系列名 字体:设置图例的字体、颜色和大小。 图例字符:设置图例显示的字符数
图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图9 基本折线图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。
路由视图是导航组件的一种,通过配置不同页面,在当前可视化页面呈现其它页面效果。该组件可降低对当前页面资源的占用,提升性能。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由视图”组件至画布空白区域,如图1。 图1 路由视图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,
图例总宽高:设置图例项的宽度和高度,单位为“%”。 图例项宽度:设置图例的宽度,支持自动和自定义。 图例间隔:设置图例项之间的间隔。 图例标记 图例标记:设置图例前图标的形状。 标记宽高:设置图例前图标的宽度和高度。 图例系列名 字体:设置图例的字体、颜色和大小。 图例字符:设置图例显示的字符数
单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水滴水位图图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。
单位px。 图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 矩形水位图图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。
图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图7 基本柱图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。 左间距:图例到柱
图例宽度:设置图例的宽度。 图例高度:设置图例的高度。 位置选择:设置图例的显示位置,支持左、右和居中显示。 图例间隔:设置图例之间的间隔。 字体:设置小图标的字体、颜色和大小等。图例文字内容来源于数据模型下“s”的取值。 文字风格:设置小图标文字的风格,支持设置为正常、斜体和倾斜体。
趋势图标大小:趋势图标的大小。 上升趋势数字字体:设置上升趋势数字的字体、大小和颜色等。 持平趋势数字字体:设置持平趋势数字的字体、大小和颜色等。 下降趋势数字字体:设置下降趋势数字的字体、大小和颜色等。 趋势位置:趋势相对于数字的位置。 数据 在数据中,设置趋势组件的数据来源,更多介绍请参见数据接入。 交互
进行中状态:步骤进行中状态的颜色。 等待状态:步骤还未完成处于等待状态的颜色。 标签字体:设置步骤标签的字体、大小和颜色等。 描述文字字体:当步骤有描述文字时,描述文字的字体、大小等设置。 标题左边距:步骤标签距离该图标左边的距离。 数据 在数据中,设置步骤条组件的数据来源,更多介绍请参见数据接入。