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

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 5 下一个 »

1 概述

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

2 操作步骤

2.1 业务场景

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

2.2 添加组件

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

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

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

2.3 选择业务数据集

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

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

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

2.4 绑定字段

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

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

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

2.5 设置图表样式

1、设置图形颜色。

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

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

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

2、设置标签效果。

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

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

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

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

4、调整图例位置。

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

2.6 保存仪表盘

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


  • 无标签