残月的小站 - Echarts
type: channel
link: https://blog.dfcraft.cn/index.php/tag/Echarts/
items: 2023 年电商数据可视化训练

2023 年电商数据可视化训练
type: item
date: 2024-01-07T20:49:17+08:00
description: 接口文档获取时间区间内的订单数据http请求方式：POST请求地址：http://IP:8999/dataVisualization/selectOrderInfo请求参数：字段说明类型是否必填startTime开始时间String是endTime结束时间String是请求格式：{ "startTime":"2020-01-01 00:00:00", "endTime":"2020-12-30 00:00:00" }返回参数： id : 主键 finalTotalAmount ：总金额 outTradeNo ：订单交易编号（第三方支付用) provinceName ：省名称 regionName ：地区名称 userName : 用户名 请求成功:{ "msg": "操作成功", "code": 200, "data": [ { "id": 78506, "finalTotalAmount": 305062.00, "outTradeNo": "756847726439369", "provinceName": "北京", "regionName": "华北", "userName": "华馥" }, { "id": 78559, "finalTotalAmount": 6111.00, "outTradeNo": "341957455961748", "provinceName": "北京", "regionName": "华北", "userName": "罗菊兰" }, { "id": 78568, "finalTotalAmount": 84610.00, "outTradeNo": "489992944636772", "provinceName": "北京", "regionName": "华北", "userName": "毛岚" }, … ] } 查询每年上架的商品http请求方式：POST请求地址：http://IP:8999/dataVisualization/selectGoodsInfo请求参数:字段说明类型是否必填无---返回参数： id : 编号 price ：总金额 skuName ：商品名称 year ：年份 请求成功：{ "msg": "操作成功", "code": 200, "data": [ { "id": 1, "price": 2220, "skuName": "荣耀10青春版 幻彩渐变 2400万AI自拍 全网通版4GB+64GB 渐变蓝 移动联通电信4G全面屏手机 双卡双待", "year": "2019" }, { "id": 2, "price": 3321, "skuName": "TCL 55A950C 55英寸32核人工智能 HDR曲面超薄4K电视金属机身（枪色）", "year": "2019" }, { "id": 3, "price": 3100, "skuName": "小米（MI）电视 55英寸曲面4K智能WiFi网络液晶电视机4S L55M5-AQ 小米电视4S 55英寸 曲面", "year": "2019" }, ... ] }前置这里定义了一个 request 方法来获取数据数据async request(callback){ var _this = this; var myHeaders = new Headers(); myHeaders.append("Content-Type", "application/json"); var raw = JSON.stringify({ "startTime": "2020-01-01 00:00:00", "endTime": "2020-12-30 00:00:00" }); var requestOptions = { method: 'POST', headers: myHeaders, body: raw, redirect: 'follow' }; await fetch("http://localhost:3000/api/dataVisualization/selectOrderInfo", requestOptions) .then(response => response.json()) .then(result => { _this.OrderInfo = result["data"] }) .catch(error => console.log('error', error)); await fetch("http://localhost:3000/api/dataVisualization/selectGoodsInfo", requestOptions) .then(respons…