提交 ec91aa95 编写于 作者: KK's avatar KK

图表视图相关文档

上级 c3828d75
## 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>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册