如何创建报告

完成数据模型的建立后,我们便可以创建“报告”进行数据分析跟可视化了,如下图所示。

下面我们分步骤介绍,如何在有数内新建一个“报告”:

1、进入“报告”模块,点击新建入口

2、选择“报告”要存放的路径后,新建“报告”

3、进入报告编辑界面,将需要分析的数据模型添加进报告

4、在画布上添加需要的控件,并将数据字段拖入控件的“数据”区,完成图表的绘制

报告编辑界面的介绍

报告的编辑界面如图所示,我们可以将其划分为如下几个区域:

数据区:显示可供使用的数据字段。

画布区:我们可在画布上自由绘制数据可视化报告。

控件区:显示可添加至画布上的各类图表控件、辅助控件。

控件配置区:在画布上选中已添加的图表控件时,此区域会显示该控件的配置项,我们将“数据区”的字段拖进“控件配置区”以绘制图表。

一键美化

1、优雅布局主题

点击后进入操作页面,[优雅布局]美化内容为图表位置的布局调整,[深度优化]即将上线,敬请期待~

选择[优雅布局],预览美化后效果,同时可点击右上角[前后对比],对比美化前与美化后效果图

若对美化后效果满意,点击[立即应用],生成美化后的报告页,也可选择[返回编辑],继续编辑该报告

对齐规则

  • 步骤一:竖列第一列左对齐

从左到右找到竖列的第一个控件或控件组左对齐,左对齐距离画布左边距为20px,若第一竖列中控件中存在边距小于20px的控件,则以最小左边距为基准左对齐

  • 步骤二:左对齐控件横向覆盖区域顶对齐

左对齐的控件,自上而下在横向区域高度范围内,与相应左对齐的控件顶对齐

  • 步骤三:横向同组的组件差值范围内的同类控件大小进行平均

同一类控件间的宽度差值在10%以内,需对该控件进行大小一致的调整,调整原则以同类控件宽度值中最小的宽度进行统一

同一类控件间的高度差值在10%以内,需对该控件进行大小一致的调整,调整原则以同类控件高度值中最小的宽度进行统一

  • 步骤四:控件行分组间的平均分布规则

行分组内控件基于画布宽度进行平均分布计算,如果平均分布后控件之间的间距小于20px,则保持现有规则,大于20px,则控件以最左侧控件为基准,20px为间距往右侧排列

2、报表优化主题

一键美化新增[报表优化]主题,继[优雅布局]对图表位置进行合理排布后,针对图表内细节调整的主题也上线了,根据用户当前所建图表,自动生成合适的图表样式,避免了图表内细节调整的痛苦,既显著降低了分析门槛,又提供了更为丰富的可视化效果。

在报告编辑页面,创建完图表后,点击一键美化,进入美化主题选择页面。

[优雅布局]下方新增[报表优化]主题,点击预览可查看优化后图表详情

[报表优化]主要图表及图表优化点:
  • 指标卡:创建指标卡时默认勾选[字体大小适应窗口],美化后取消

  • 折线图:折线图线条尺寸在美化后默认为12

  • 表格:在表格内美化后维度字段居左,度量字段居右

  • 柱状图:图表内柱状图尺寸调整为40

  • 仪表盘:美化后应用主题一

  • 区域图:区域图样式中取消标记点

  • 存在X、Y轴的图形且包含轴名称的,一键美化后轴名称隐藏且图例标题隐藏

具体美化结果如下图所示:

在美化时,可自由切换主题颜色查看美化效果,也可[优雅布局]+[报表优化]两种主题叠加使用,制作出精美的报告