## **以下接口设置:** ### 选中该折线图组件,在操作界面右侧,点击“![](https://img.kancloud.cn/49/06/4906ead2d133a7cfb9e739053c2d5930_389x49.png)”,可设置接口,如图2.297。 **备注:这里配置的都是最简单的折线图样式,如果你想配置复杂的,请加官方交流群(群号码:769925425)咨询。** ### 1. 数据类型 ### 数据类型分为静态数据和动态数据; * ### 静态数据:写死的数据; * ### 动态数据:会随着接口传过来的数据实时变化;(一般这种比较常用) ### 2. 接口地址 * ### categories:X轴参数; * ### series:柱形内容;内部 name为柱形名称,data为柱形相对应Y轴的值; ### (1)静态数据,接口地址传过来的内容要符合以下格式: ``` {"categories":["苹果","三星","小米","oppo","vivo"],"series":[{"name":"手机品牌","data":[1000879,3400879,2300879,5400879,3400879]},{"name":"手机品牌销售","data":[100087,340087,230087,540087,340087]}]} ``` ### (2)动态数据,接口地址传过来的内容要符合以下格式: ``` {"data":{"categories":["苹果","三星","小米","oppo","vivo"],"series":[{"name":"手机品牌","data":[1000879,3400879,2300879,5400879,3400879]},{"name":"手机品牌销售","data":[100087,340087,230087,540087,340087]}]}} ``` ### 3. 刷新时间 ### 这个参数主要针对动态数据设置的,完成数据的实时更新。 * ### 如果你想设置成5秒刷新一次,可以将刷新时间设置成“5000”; ### 4. 刷新数据 ### 这个参数主要是重新请求以下接口,完成数据的更新。 ![](https://img.kancloud.cn/25/4d/254dbcfb93f799140e18ea01f1b07d01_345x732.png) ![](https://img.kancloud.cn/ab/8c/ab8c3b279264db245d18f793df1e0c66_798x35.png)