多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
### 散点图组件就是添加散点图的组件。点击“![](https://img.kancloud.cn/7e/94/7e943cbae6d2a0148ea1b1fe46f2a6ca_31x31.png)”图标,再点击“雷达图”,即可创建新的图像,如图2.71; ![](https://img.kancloud.cn/dc/7e/dc7eb586be9793f34b3666f0e62f8ed6_906x500.png) ![](https://img.kancloud.cn/9c/ca/9cca6ef148ed9894022214a91b857583_799x37.png) ## **一、组件名称设置** ### 选中散点图组件,在操作界面右侧的“图层名称”处可修改文本组件的名称,如图2.72。(名称最好要设置一下,方便后期组件管理) ![](https://img.kancloud.cn/32/28/32286d0078557c3c21b1006081813717_1086x444.png) ![](https://img.kancloud.cn/4d/ff/4dffb6725bfe358e613cf8b2878e7daf_800x46.png) ## **二、系统配色** ### 选中该散点图组件,在操作界面右侧,打开“系统配色”开关,在“配色选择”下拉框中选择颜色,来修改散点图组件的配色,如图2.73。 ![](https://img.kancloud.cn/fe/1b/fe1b0b3865e9580793e79e36648d50e6_1080x452.png) ![](https://img.kancloud.cn/76/70/7670f2ebc4b3f2bad3ccaf707cc03c03_797x42.png) ## **三、气泡大小** ### 选中该散点图,在操作界面右侧的“气泡大小”处可修改点的大小,如图2.74。 ![](https://img.kancloud.cn/4f/d0/4fd0b955e6fe9622e9e74fe017139213_1083x449.png) ![](https://img.kancloud.cn/b4/27/b4278f6496cea3c0184449edb6d1c072_800x38.png) ## **四、字体位置** ### 选中该散点图图,在操作界面右侧,通过设置“字体位置”,来修改字体样式,如图2.75。 * ### 顶部:字体位于圆点的顶部; * ### 内部:字体位于圆点的内部; * ### 左部:字体位于圆点的左部; * ### 右部:字体位于圆点的右部; ![](https://img.kancloud.cn/8c/62/8c62b875f552e8695df8410fccfa9e4d_1070x446.png) ![](https://img.kancloud.cn/8a/2b/8a2bc246074df05e3cf9d9bcd4f89426_794x47.png) ## **五、内容格式化** ### 选中该散点图组件,在操作界面右侧,在内容格式化中输入代码,可格式化样式。 ## **六、X轴设置** ### 选中该散点图组件,在操作界面右侧的“X轴设置”处可修改散点图组件的X轴样式,如图2.76。 * ### 名称:X轴的名称; * ### 显示:X轴是否显示; * ### 显示网格:网格是否显示; * ### 轴线颜色:网格线颜色设置; * ### 标签间距:每个柱状图之间的距离; * ### 文字角度:X轴文字的旋转角度; * ### 轴反转:柱状图顺序左右调转; * ### 字号:X轴字体大小; ![](https://img.kancloud.cn/4d/5f/4d5fcbfc42ab3ddda6f53892ba670b91_1081x389.png) ![](https://img.kancloud.cn/88/6f/886f3af29133fabdbdcc90dab67129c1_793x43.png) ## **七、Y轴设置** ### 选中该散点图组件,在操作界面右侧的“Y轴设置”处可修改散点图组件的Y轴样式,如图2.77。 * ### 名称:Y轴的名称; * ### 显示:Y轴是否显示; * ### 轴网格线:网格是否显示; * ### 轴线颜色:网格线颜色设置; * ### 轴反转:柱状图顺序上下调转; * ### 字号:Y轴字体大小; ![](https://img.kancloud.cn/f0/da/f0da07ca9e5dddd327203d64f694dbd6_1084x384.png) ![](https://img.kancloud.cn/31/18/3118aaf308a8d2d1e7304678d54822b9_801x41.png) ## **八、字体设置** ### 选中该散点图,在操作界面右侧的“字体设置”处可修改散点图组件的字体样式,如图2.78。 * ### 显示:数值文字是否显示; * ### 字体大小:文字的大小; * ### 字体颜色:文字的颜色; * ### 字体粗细:文字的粗细; ![](https://img.kancloud.cn/df/da/dfda8575c15c21d6cfa14c6a9c728a46_1092x404.png) ![](https://img.kancloud.cn/36/a7/36a7668217928246ac29c5620531c2e6_798x41.png) ## **九、提示语设置** ### 选中该散点图组件,在操作界面右侧的“提示语设置”处可修改散点图组件的提示语,如图2.79。 * ### 字体大小:提示语的字体大小; * ### 字体颜色:提示语的字体颜色; ![](https://img.kancloud.cn/a9/77/a9776d4fa9530950ab18ed3765c84355_1082x410.png) ![](https://img.kancloud.cn/23/fd/23fde6cc9a84bd8ae5737bf6954bfcfa_796x53.png) ## **十、自定义配色设置** ### 选中该散点图组件,在操作界面右侧的“自定义配色”处可配置上边不能设置的内容,如图2.791。 * ### 文字颜色、 轴线颜色暂时不起作用(后期会有版本优化); * ### 配色:雷达覆盖区域的颜色; ![](https://img.kancloud.cn/da/db/dadb4a113f5f61a1b78b9f59b4d57b5a_1090x463.png) ![](https://img.kancloud.cn/5c/09/5c096b076ba19e2fffb601310f7d483c_800x42.png) ## **十一、接口设置** ### 选中该雷达图组件,在操作界面右侧,点击“![](https://img.kancloud.cn/bd/5c/bd5c789b69043d88cc15dcb52598b435_388x57.png)”,可设置接口,如图2.792。 ### 1\. 数据类型 ### 数据类型分为静态数据和动态数据; * ### 静态数据:写死的数据; * ### 动态数据:会随着接口传过来的数据实时变化;(一般这种比较常用) ### 2\. 接口地址 ###(1)静态数据,接口地址传过来的内容要类似以下格式: ~~~ {"data":[{"data":[[1,8.04],[2,6.95]]},{"data":[[1,4.04],[2,3.95]]}]} ~~~ ###(2)动态数据,接口地址传过来的内容要类似以下格式: ~~~ {"data":[{"data":[[1,8.04],[2,6.95]]},{"data":[[1,4.04],[2,3.95]]}]} ~~~ ### 3\. 刷新时间 ### 这个参数主要针对动态数据设置的,完成数据的实时更新。 * ### 如果你想设置成5秒刷新一次,可以将刷新时间设置成“5000”; ### 4\. 刷新数据 ### 这个参数主要是重新请求以下接口,完成数据的更新。 ![](https://img.kancloud.cn/21/1d/211ddd4909405db29302f40d77e87eba_686x1266.png)