检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
等多种业务场景下的一站式数据实时可视化大屏展示需求。 产品介绍 图说华为云 Astro大屏应用 立即使用 成长地图 由浅入深,带您玩转华为云Astro大屏应用 01 了解 华为云Astro大屏应用帮忙全民开发者通过图形化界面,轻松搭建专业水准的数据可视化应用。 产品介绍 什么是华为云Astro大屏应用
取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。图例文字内容来源于数据模型下“s”的取值。 左间距:图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到饼图组件顶部距离占组件高度。
页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图9 滚动翻页效果 图10 普通换行效果 图例项宽度:设置图例的宽度,支持自动和自定义。 图例间隔:设置图例项之间的间隔。 图例标记 图例标记:设置图例前图标的形状。 标记高度:设置图例前图标的宽度和高度。 图例系列名 字体:设置图例的字体、颜色和大小。
图表 实心圆饼图 轮播饼图 满月饼图 基本饼图 贪吃蛇饼图 玫瑰花饼图 渐变色饼图 基本折线图 多折线图 区域图 多区域折线图 水位图 箭头水位图 水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图
据的最小值。 图表标注和标线平均值:显示对应数据系列数据的平均值。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图6 气泡图图例 显示图例:是否显示图例,图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状和图例列表布局朝向。
左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置地图组件的基本信息、热力图层、柱状图层和标签图层等。 图4 地图配置 地图基本配置 地图类型:地图第三方服务商,如天地图、高德地图和百度地图。 高德/百度/天地图密钥:地图第三方密钥,请自行到对应官网申请。
地图 高德地图 地图 OpenLayers地图 父主题: 组件介绍
”。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图8 折柱图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。
和数值颜色。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图7 基本柱图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。
头的宽高、图标默认颜色、图标选中颜色和页码字体。 图例总宽高:设置图例项的宽度和高度,单位为“%”。 图例项宽度:设置图例的宽度,支持自动和自定义。 图例间隔:设置图例项之间的间隔。 图例标记 图例标记:设置图例前图标的形状。 标记宽高:设置图例前图标的宽度和高度。 图例系列名 字体:设置图例的字体、颜色和大小。
路由视图 路由视图是导航组件的一种,通过配置不同页面,在当前可视化页面呈现其它页面效果。该组件可降低对当前页面资源的占用,提升性能。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由视图”组件至画布空白区域,如图1。 图1 路由视图 图2 边距样式说明 卡片 卡片是指包裹图表组
颜色等。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图6 基本漏斗图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“label”的值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。
头的宽高、图标默认颜色、图标选中颜色和页码字体。 图例总宽高:设置图例项的宽度和高度,单位为“%”。 图例项宽度:设置图例的宽度,支持自动和自定义。 图例间隔:设置图例项之间的间隔。 图例标记 图例标记:设置图例前图标的形状。 标记宽高:设置图例前图标的宽度和高度。 图例系列名 字体:设置图例的字体、颜色和大小。
视图切换 操作场景 通过视图切换功能,可将页面中的组件切换为列表或卡片样式。 列表:展示了所有组件的icon和标题,方便组件的快速查找。 卡片:展示了组件的初始化样式和标题,方便组件的预览和图层位置的调整。 切换图层 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。
或者最小值。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图7 双向柱图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。
前缀和后缀。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图7 瀑布柱图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小等。
头的宽高、图标默认颜色、图标选中颜色和页码字体。 图例总宽高:设置图例项的宽度和高度,单位为“%”。 图例项宽度:设置图例的宽度,支持自动和自定义。 图例间隔:设置图例项之间的间隔。 图例标记 图例标记:设置图例前图标的形状。 标记宽高:设置图例前图标的宽度和高度。 图例系列名 字体:设置图例的字体、颜色和大小。
字体、颜色和大小等。 图例 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 图6 雷达图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例选择模式:设置图例选择模式,支持单个和多个。 小图标:设置图例小图标样式,如圆形、矩形、三角形等。
图片 图片是媒体组件的一种,用于直接展示需要呈现的图片数据。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“图片”组件至画布空白区域,如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
值。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。 文字风格:设置图例文字的风格,支持正常、斜体和倾斜体。 图例位置(左):图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。