diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 6aa5a79..2bd9f02 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -159,7 +159,12 @@ export default { // 客流趋势 klqsDatas: [], // 实时进馆人数 - ssjgNumDatas: [] + ssjgNumDatas: [], + + //折线区域的数据 + zxliddata:[], + // 折线名称 + zxlindata:[], } }, // created() { @@ -493,22 +498,13 @@ export default { var myChart = echarts.init(chartDom); var option; - var xData = ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '20:00', '21:00']; var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',] var name = [] - var data = [ - [137, 34, 135, 161, 74, 152, 110, 100, 150, 137, 34, 135, 161], - [174, 137, 135, 34, 152, 135, 140, 160, 100, 174, 137, 135, 34], - [134, 74, 137, 135, 161, 137, 300, 220, 250, 134, 74, 137, 135], - [147, 134, 155, 131, 174, 122, 140, 160, 150, 127, 134, 175, 161], - [124, 147, 175, 134, 122, 175, 180, 110, 130, 154, 187, 125, 134], - [154, 174, 157, 175, 121, 157, 200, 250, 280, 134, 174, 157, 175], - // [3.5, 15.2, 16.1, 17.4, 13.4, 6.1], - // [16.1, 13.5, 3.7, 17.4, 15.2, 18.9], - // [17.4, 6.1, 13.4, 15.2, 13.7, 5.2], - ] + var xData = this.zxlindata + var data = this.zxliddata var series = []; + // loop data for (var i = 0; i < 6; i++) { series.push({ name: name[i], @@ -551,6 +547,7 @@ export default { }) } + // contruct option = { tooltip: { trigger: "axis", @@ -664,7 +661,22 @@ export default { getGcgNumDatas() { homeApi.allGcgNumDatas().then(res => { // get allTimeData - const tmpdata = res.data.returnData + const tmpdata = res.data.data + // X 轴的名称字段 + const xarr =new Array + const darr =new Array; + tmpdata.forEach(function(item,idx){ + // 读取list + const list = item.list + xarr.push(list.dkeys) + darr.push(list.dval) + }) + + // console.log(darr) + + this.zxlindata = xarr[0] + this.zxliddata = darr + // 场馆人流趋势线面图 this.cgrs_line(); });