在已经写好的静态的echarts图的基础上引用api接口调取并显示数据
昨天已经写好了静态的echarts图 今天给了几个接口来调用,需要修改js。
在ec所指向的函数中加入新的代码块,并且引入了新的js:axios.js
const url ='/admin/big_data/height_count';//这是个接口
const body = {
access_token:'aaaa'
}//这三行我还没搞懂是啥意思
然后写函数
axios.post(url,body).then((res)=>{
这里面插入这个页面准备定义的变量,h爱要把下面没在函数内的代码剪切进来 直接复制整段代码吧
})
整段代码:
import * as echarts from '../../ec-canvas/echarts'
const axios = require('../../utils/axios.js')
function initChart(canvas, width, height) {
const url ='/admin/big_data/height_count';
const body = {
access_token:'aaaa'
}
axios.post(url,body).then((res)=>{
// console.log(res.data);
let xAxis_data=res.data.map((item)=>{
// console.log(item.height);
return item.height;
})
// console.log(xAxis_data);
let yAxis_data=res.data.map((item)=>{
// console.log