### **现在来看一下散点图的使用步骤**: ``` 备注: 1、气泡散点图比普通散点图多一个“自定义配置”设置,其他配置都一样; ``` #### **一、添加散点图** 点击报表编辑页面操作栏的“![](https://img.kancloud.cn/af/6d/af6dc1f52be33c7a3daf565ca7cb98b6_32x30.png)”图标,选择“散点图 ->普通散点图”,就可以添加一个散点图; ![](https://img.kancloud.cn/c4/4c/c44cfbea87c9a991dc85160ca65e17ea_1256x697.png) ![](https://img.kancloud.cn/24/a5/24a52028b8d84981f58e002b8498e3c0_806x27.png) #### **二、设置散点图样式** 添加好散点图后,**点击选中**要修改的图表,右侧操作栏,选择“样式”,可对散点图的样式做设置; ![](https://img.kancloud.cn/bb/35/bb35262a2005533cd32b8492b6929ec7_983x570.png) ![](https://img.kancloud.cn/24/a5/24a52028b8d84981f58e002b8498e3c0_806x27.png) #### **1. 标题设置** 设置散点图顶部标题,各个参数对应的意思如下: * 标题文字:标题的内容; * 字体颜色:标题的字体颜色; * 字体加粗:标题的字体粗细设置,包含加粗和加细; * 字体大小:标题字体的大小; * 标题位置:设置标题的位置,分为left、center、right; * 顶边距:标题距离顶部的距离; ![](https://img.kancloud.cn/45/10/4510d0930e4584da5122c1e288dd771e_1503x470.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **2. 散点设置** 散点图样式设置,各个参数对应的意思如下: * 大小:散点的大小设置; * 颜色:散点的颜色设置; ![](https://img.kancloud.cn/ba/00/ba00074e9b5cdfd8709aa991005a9cb7_1474x468.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **3. X轴设置** 散点图X轴样式设置,各个参数对应的意思如下: * 显示:X轴是否显示; * X轴名称:X轴的名称;不填写,就不显示; * 分割线:X轴分割线是否显示; * 颜色设置:设置分割线的颜色;(这个只有打开分割线开关,才显示) * 文字角度:X轴文字的倾斜角度; * 文字大小:X轴字体的大小设置; * 文字颜色:X轴字体的颜色设置; * 轴线颜色:分割线颜色设置; ![](https://img.kancloud.cn/79/a6/79a6d3826ae7654bb6587d7a541c01f3_1233x458.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **4.Y轴设置** 散点图Y轴样式设置,各个参数对应的意思如下: * 显示:Y轴是否显示; * Y轴名称:Y轴的名称;不填写,就不显示; * 分割线:Y轴分割线是否显示; * 颜色设置:设置分割线的颜色;(这个只有打开分割线开关,才显示) * 字体大小:Y轴字体的大小设置; * 字体颜色:Y轴字体的颜色; * 轴线颜色:分割线颜色设置; ![](https://img.kancloud.cn/a4/98/a4982e5bc561b8359d989668918a494d_1229x459.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **5. 提示语设置** 散点图预览的时候,显示的提示语的样式设置,各个参数对应的意思如下: * 显示:提示语是否显示; * 字体大小:提示语的字体大小设置; * 字体颜色:提示语的字体颜色设置; ![](https://img.kancloud.cn/67/39/6739f5098ab9eab0a66017ef7b955bee_1228x459.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **6. 坐标轴边距** 设置散点距离上、下、左、右左边轴的距离; ![](https://img.kancloud.cn/71/a7/71a7477b176c34ecff7b8a97c07c52f5_1259x460.png) ![](https://img.kancloud.cn/3c/dc/3cdc333649d9d3d0d0c0c068d9ef6fd9_804x24.png) #### **7、自定义配置** **这个是气泡散点图的专属配置;** ``` 用法: 1、选择相应的系列值; 2、设置“中心颜色”和“边缘颜色”,这两个颜色设置是为了设置气泡效果的; ``` ![](https://img.kancloud.cn/4f/b8/4fb819e33e9dac52f8fb2a85e6290472_1356x696.png) ![](https://img.kancloud.cn/b8/4a/b84a75fa22d27b9a8476205f74a814de_607x359.png)