制作第一个组件

本节将为初次使用报表的用户介绍配置一个完整可视化组件的整体流程与操作步骤，整个配置步骤分为4步：

1. 添加可视化组件，选择要添加的图表与业务模型；
2. 将业务模型的数据拖拽至字段解析区，进行图形渲染或更换图形；
3. 通过样式配置进行图表的美化处理，或进行必要的图表属性更改增加可读性；
4. 保存提交，提交已完成的配置，

下面分步骤进行介绍：

添加可视化组件

创建报表后，点击页面重的“添加组件”，开始制作第一个组件：

制作图表

正如在制作可视化组件时所提到，神策提供“拖拽模式”与“敏捷模式”两种可视化组件配置方式，下面分别以这两种模式制作图表的用作举例。

拖拽模式

根据选择添加的业务模型不同则进入不同的配置模式，当进入“拖拽模式”时将需要查看的指标与维度拖拽至对应的配置内，可视化组件便会渲染出图形，如下图：

可通过shift、command快捷键，进行字段的批量拖拽

敏捷模式

根据选择添加的业务模型不同则进入不同的配置模式，当进入“敏捷模式”时，无需字段的拖拽图形默认以表格新式进行呈现，如下图：

样式编辑

进入组件配置区进行组件的样式与数据配置，根据实际的业务需要来调整组件的展示样式与美化。

PS：编辑态各类参数实时保存，当用户所处当前可视化编辑态中关闭浏览器、重新打开，页面会重新加载原草稿箱，还原用户的编辑内容

保存提交

图表编辑完成后，点击右上角提交，保存已完成的图表

报表中所有配置完成时，点击右上角保存，将整个报表的配置存储