| | |
| | | xAxis: { |
| | | type: 'category', |
| | | boundaryGap: false, |
| | | data: ['1', '2', '3', '4', '5', '6', '7'], |
| | | data: ['1', '2', '3', '4', '5', '6', '7'], |
| | | axisLabel: { |
| | | textStyle:{ |
| | | color:'#aaa', //坐标的字体颜色 |
| | |
| | | } |
| | | |
| | | }, |
| | | series: [{ |
| | | data: [820, 932, 901, 934, 1290, 1330, 1320], |
| | | type: 'line', |
| | | areaStyle: { |
| | | color: '#7494ae' // 折线区域颜色 |
| | | series: [ |
| | | { |
| | | data: [820, 932, 901, 934, 1290, 1330, 1320], |
| | | type: 'line', |
| | | // areaStyle: { |
| | | // color: '#7494ae' // 折线区域颜色 |
| | | // }, |
| | | itemStyle:{ |
| | | normal:{ |
| | | color:'#3590ac', //折点颜色 |
| | | lineStyle:{ |
| | | color:'#3590ac' //折线颜色 |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | itemStyle:{ |
| | | normal:{ |
| | | color:'#3590ac', //折点颜色 |
| | | lineStyle:{ |
| | | color:'#3590ac' //折线颜色 |
| | | { |
| | | data: [820, 932, 901, 934, 1290, 1330, 1320], |
| | | type: 'line', |
| | | // areaStyle: { |
| | | // color: '#d55b35' // 折线区域颜色 |
| | | // }, |
| | | itemStyle:{ |
| | | normal:{ |
| | | color:'#0cbad9', //折点颜色 |
| | | lineStyle:{ |
| | | color:'#07a093' //折线颜色 |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }] |
| | | ] |
| | | }; |
| | | |
| | | // 访问量报表加载 |
| | | function initlinChart() { |
| | | var reportView = lineChartOption; |
| | | var xAxisDate = []; |
| | | var seriesDate=[]; |
| | | $.ajax({ |
| | | url: baseUrl+"/monitor/pakin/rep", |
| | | url: baseUrl+"/monitor/line/charts", |
| | | method: 'GET', |
| | | success: function (res) { |
| | | if (res.code === 200){ |
| | | var json = res.data; |
| | | for (var i = 0; i < json.length; i++) { |
| | | xAxisDate[i]=json[i].node; |
| | | seriesDate[i]=json[i].val; |
| | | } |
| | | reportView.xAxis.data=xAxisDate; |
| | | reportView.series[0].data=seriesDate; |
| | | var json = res.data.rows; |
| | | reportView.xAxis.data=[getDateFormat(-11), getDateFormat(-10), getDateFormat(-9), getDateFormat(-8), getDateFormat(-7), getDateFormat(-6), |
| | | getDateFormat(-5), getDateFormat(-4), getDateFormat(-3), getDateFormat(-2), getDateFormat(-1), getDateFormat(-0)]; |
| | | reportView.series[0].data=res.data.rows[0].data; |
| | | reportView.series[1].data=res.data.rows[1].data; |
| | | lineCharts.setOption(reportView) |
| | | } else if (res.code === 403){ |
| | | top.location.href = "/"; |
| | | } else { |
| | | layer.msg(res.msg); |
| | | console.log(res.msg); |
| | | } |
| | | } |
| | | }); |