页面树结构
转至元数据结尾
转至元数据起始

1 概述

图形和表格组件是仪表盘的主体组成部分,本文将以堆积柱图为例,介绍在仪表盘中如何从零开始制作一个可视化组件,帮助用户快速掌握如何制作图表。

2 业务场景

产品内置Demo资源的“订单模型”作为数据来源,分析各产品类别在2020和2021销售量的对比情况。

3 操作步骤

3.1 添加组件

1、新建的交互式仪表盘,默认是空白页面效果。

2、点击左侧选择组件区的 组件 ,展开组件选择面板,找到 堆积柱图 ,点击 

3、添加一个空的堆积柱图到画布区上。

3.2 选择业务数据集

1、在右侧数据选择区中点击 选择业务数据集,进入选择业务数据集界面。

2、选择产品内置Demo资源的“订单模型”,点击 确定 

3、选择业务数据集完成后,在数据选择区中显示“订单模型”包含的的维度、度量、命名集和参数。

3.3 绑定字段

图形组件绑定字段有以下两种方式:

1、在数据选择区中,勾选“产品类别”、“订单年份”和“销售量”字段,由系统自动分配到“X轴”、“颜色”和“Y轴”上,效果如下:

2、拖拽“产品类别”字段到“X轴”,“订单年份”字段到“颜色”,“销售量”字段到“Y轴”,拖动字段过程中,能接收该字段的区域外圈显示蓝色高亮框,效果如下:

在组件数据作图区域中,支持点击一键互换行列字段,支持行列互换的类型:柱图、堆积柱图、横条图、堆积横条图、散点地图、热力地图、散点图、大数据散点图、热力图、交叉表和文本组件。其中柱图和横条图在互换字段的同时,会自动切换图形类型。

3.4 设置图形样式

1、设置图形颜色。

(1)在标记区的“颜色”标记上点击 ,进入颜色设置界面。

(2)在颜色设置界面中,选择内置颜色系列“花海”,此时左侧数据项的颜色自动根据所选的颜色系列取色,点击 确定 

(3)关闭颜色设置界面后,查看堆积柱图的颜色效果。

2、设置标签效果。

在标记区的“标签”标记上点击 ,打开标签设置界面,设置标签为 显示 ,查看堆积柱图的标签效果。

3、调整组件宽度,有以下两种方式:

(1)手动拖拽调整组件宽度。

(2)点击组件设置的 属性 ,在 组件 分类的 大小 中,手动输入宽度数值。 

4、调整图例位置。

图例 分类的 位置 中,设置图例位置为 下方 ,即可得到场景中所需图形效果,如下图所示:

3.5 保存仪表盘

点击页面工具栏的 保存 ,进入保存设置界面。选择所需保存的路径,以及输入仪表盘名称,点击 确定 ,即完成第一个可视化组件的制作。

  • 无标签