检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
水平堆叠柱图 水平堆叠柱图是柱状图的一种,用于多维度数据的堆叠展示,从而实现数据之间的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水平堆叠柱图”组件至画布空白区域,如图1。 图1 水平堆叠柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新增自定义事件”,修改事件名称为“echarts单击系列”。 图2 新建echarts单击系列事件
水滴水位图 钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图 水平堆叠柱图 数据标记柱图 瀑布柱图 基本柱图 散点图 气泡图 雷达图 父主题: 组件介绍
”。 图4 选择蓝色渐变不排序模板 图5 配置标题 选中水平基本柱图组件,单击组件上方的,打开“水平堆叠”开关,并将所有数据系列中的“数据标签”设置为“上”。 图6 打开水平堆叠开关 选中水平基本柱图组件,单击组件上方的,隐藏Y轴网格线。 图7 隐藏网格线 设置基本折线图组件。
选中水平基本柱图组件,在组件上方单击,将所有数据系列中的“数据标签”设置为“上”,让数据显示在柱形图上方。 图10 数据显示在柱形图上方 打开水平堆叠效果。 图11 打开水平堆叠 选中水平基本柱图组件,在组件上方单击,隐藏x轴,并隐藏y轴网格线。 图12 隐藏x轴 图13 隐藏y轴网格线 选中水平基本
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 图形 颜色:设置图表中图形的颜色。 统一配置 水平堆叠:是否堆叠显示(多数据系列效果)。 横向柱条:是否横向柱条效果显示。 柱条圆角:柱状条边框圆角设置,取值为“0”时为直角,“100”为圆角。 柱
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 图形 颜色:设置图表中,图形的颜色。 统一配置 水平堆叠:是否堆叠显示(多数据系列效果)。 横向柱条:是否横向柱条效果显示。 柱条圆角:设置柱条的圆角。 柱条宽度:柱状条相对于X轴单位间隔的宽度,取值范围[1
”。 图35 输入页面标题 从组件中,拖拽1个水平堆叠柱图、1个基本柱图和1个基本饼图到画布中(布局如图36),并单击“取消当前主题卡片装饰”。 图36 页面组件布局 图37 消当前主题卡片装饰 设置水平堆叠柱图。 选中水平堆叠柱图,单击组件上方的,进入组件数据设置页面。 “数据