### **现在来看一下象形图的使用步骤**: ### **1、添加象形图** 点击报表编辑页面操作栏的“![](https://img.kancloud.cn/af/6d/af6dc1f52be33c7a3daf565ca7cb98b6_32x30.png)”图标,选择“象形图 ->普通象形图”,就可以添加一个象形图; ![](https://img.kancloud.cn/a6/ef/a6ef9bb135c42ff8e0a22e246c8a58cc_1258x697.png) ![](https://img.kancloud.cn/24/a5/24a52028b8d84981f58e002b8498e3c0_806x27.png) ### **2、设置象形图样式** 添加好象形图后,**点击选中**要修改的图表,右侧操作栏,选择“样式”,可对象形图的样式做设置; ![](https://img.kancloud.cn/72/ba/72ba38b1918755cb48931cac0c48c6f2_1270x595.png) ![](https://img.kancloud.cn/24/a5/24a52028b8d84981f58e002b8498e3c0_806x27.png) #### **(1) 标题设置** 设置象形图顶部标题,各个参数对应的意思如下: * 显示:设置标题的显示和隐藏; * 标题文字:标题的内容; * 字体颜色:标题的字体颜色; * 字体加粗:标题的字体粗细设置,包含加粗和加细; * 字体大小:标题字体的大小; * 标题位置:标题的位置设置,分为left、center、right; * 顶边距:标题距离顶部的距离; ![](https://img.kancloud.cn/36/19/36195f811e55f6bf4357d8b7a8f8452e_1257x531.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **(2) 象形图置** 设置仪盘表顶部标题,各个参数对应的意思如下: * 图标:可更换图标; * 图表大小:设置图表的大小; * 图表间距:图表的左右间距设置; * 最大值:X轴的最大值; * 是否补全:是否补全开关,关闭的时候,样式如下图1;打开的时候,如下图2; * 透明度:补全后,没达标的图表的透明度;(只有“是否补全”开关打开,才显示) ``` 备注: 1、图表的命名尽量是字母,其他的会导致图片上传失败; ``` ![](https://img.kancloud.cn/ca/f5/caf568489514ac84a37fee2073346a5e_1099x524.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) ![](https://img.kancloud.cn/09/98/0998fa686c4a895b8f4f0bdde74bd82b_959x301.png) #### **(3) X轴设置** 象形图X轴样式设置,各个参数对应的意思如下: * 显示:X轴是否显示; * X轴名称:X轴的名称;不填写,就不显示; * 分割线:X轴分割线是否显示; * 颜色设置:设置分割线的颜色;(只有分割线的开关打开,这个参数才会出现并起作用) * 字体大小:X轴字体的大小设置; * 字体颜色:X轴字体颜色设置; * 轴线颜色:分割线颜色设置; ![](https://img.kancloud.cn/73/05/7305933d5d2d975df4619c5bb0890e81_1115x461.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **(4)Y轴设置** 象形图Y轴样式设置,各个参数对应的意思如下: * 显示:Y轴是否显示; * Y轴名称:Y轴的名称;不填写,就不显示; * 分割线:Y轴分割线是否显示; * 颜色设置:设置分割线的颜色;(只有分割线的开关打开,这个参数才会出现并起作用) * 字体大小:Y轴字体的大小设置; * 字体颜色:Y轴字体颜色设置; * 轴线颜色:分割线颜色设置; ![](https://img.kancloud.cn/2e/c7/2ec73219f31a195fdf8e04676018ac45_1123x509.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **(5) 数值设置** 象形图上数值的设置,各个参数对应的意思如下: * 显示:数值是否显示; * 字体大小:数值的字体大小; * 字体颜色:数值的字体颜色; * 字体粗细:数值的字体粗细; * 字体位置:设置数值的位置,包含上方、左边、右边、下方、内部; ![](https://img.kancloud.cn/c6/6e/c66eecd9bce200551591a35a0d92c1f5_1107x422.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **(6)坐标轴边距** 设置距离上、下、左、右左边轴的距离; ![](https://img.kancloud.cn/14/9f/149fe309c3a83d475ca5541fe754dc3d_1127x509.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png)