## ibiz图表视图相关文档(移动端)

### 一、图表(序列)类型

#### 	1、漏斗图

##### (1) 支持功能

- ###### 自定义分组:需配置代码表

- ###### 图例数据自定义切换

##### 	(2) 平台配置

- 选择序列类型为漏斗图、坐标系为:无坐标系、分类属性为该实体的分类属性、值属性为该实体的值属性

<div style = "display:flex; overflow:hidden; ">
	<img src="images/README/pz_funnel_1.png" ></img>
</div>

- 

##### 	(3) 界面UI

<div style = "display:flex; overflow:hidden; ">
	<img src="images/README/funnel.png" ></img>
</div>



#### 	2、条形图

##### 	(1)支持功能:

- ###### 自定义分组:季度分组、年分组、月分组(示例为季度分组)

- ###### 图例数据自定义切换

##### (2) 平台配置

- 建立坐标轴(x、y)数据字段为该轴展示的数据(见二坐标轴配置)

- 选择序列类型为条形图、x、y坐标轴(为第一步建立的坐标轴)、分类属性为该实体的分类属性、值属性为该实体的值属性、分组模式

  <div style = "display : flex ; overflow: hidden; ">
  	<img src="images/README/pz_bar_2.png" ></img>
  </div>

##### 	(3)界面UI

<div style = "display : flex ; overflow: hidden; ">
	<img src="images/README/bar.png" ></img>
</div>


#### 	3、饼图

##### 	(1)支持功能

- ###### 自定义分组:季度分组、年分组、月分组(示例为季度分组)、代码表

- ###### 图例数据自定义切换

##### (2) 平台配置

- 建立坐标轴(x、y)数据字段为该轴展示的数据(见二坐标轴配置)

- 选择序列类型为饼图、x、y坐标轴(为第一步建立的坐标轴)、分类属性为该实体的分类属性、值属性为该实体的值属性

<div style = "display : flex ; overflow: hidden; ">
	<img src="images/README/pz_bing_1.png" ></img>
</div>

##### 	(3)界面UI

<div style = "display : flex ; overflow: hidden; ">
	<img src="images/README/bing.png" ></img>
</div>

#### 4、折线图

##### (1)支持功能:

- ###### 自定义分组:需配置代码表

- ###### 图例数据自定义切换

##### (2)平台配置

- 建立坐标轴(x、y)数据字段为该轴展示的数据(见二坐标轴配置)

- 选择序列类型为折线图、x、y坐标轴(为第一步建立的坐标轴)、分类属性为该实体的分类属性、值属性为该实体的值属性

<div style = "display : flex ; overflow: hidden; ">
	<img src="images/README/pz_line_1.png" ></img>
</div>

##### (3)界面UI

<div style = "display : flex ; overflow: hidden; ">
	<img src="images/README/line.png" ></img>
</div>

### 二、坐标轴

新建坐标轴:标题为该坐标轴的标题、坐标轴类型(分类、数值、时间)、坐标轴位置(坐标轴展示数据的位置)

数据字段(该坐标轴的数据属性)

<div style = "display : flex ; overflow: hidden; ">
	<img src="images/README/pz_bar_1.png" ></img>
</div>