123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172 |
- * Created by TT on 2018/2/1.
- */
- ;
- spa_define(function () {
- return $.use(["spa", "code", "form", "util", "dict"], function (spa, code, form, util, dict) {
- return {
- modal: function (data) {
- var root = spa.findInModal(".sys_question_count");
-
- var myChart = echarts.init(document.getElementById('type'));
- var tableData = {data: []},
- allData = [];
- var $data = {tn: "qes", id:data.id};
- root.find(".modal-ctrl .icon-times").on("click", function () {
- spa.closeModal();
- });
- var dayList = function () {
- var dayList = [];
- var now = new Date();
- var day1 = new Date();
- day1.setMonth(now.getMonth() - 1);
- day1.setDate(1);
- var day2 = new Date();
- day2.setDate(day2.getDate());
- var days = (day2 - day1) / (24 * 60 * 60 * 1000);
- dayList[0] = {time: day1.format("yyyy-MM-dd")};
- for (var i = 1; i < days + 1; i++) {
- day1.setDate(day1.getDate() + 1);
- dayList[i] = {time: day1.format("yyyy-MM-dd")};
- }
- return dayList;
- };
- var load = function () {
- $.ajax({
- type: "GET",
- url: "http://www.ekexiu.com:8082/log/jsonp/qm",
- data:$data,
- dataType: "jsonp",
- success: function (data) {
- allData = dayList();
- allData.forEach(function (day) {
- var time = (JSON.stringify(day.time)).replace(/\-|^\"|\"$/g, "");
- day.pc = 0;
- day.app = 0;
- day.h5 = 0;
- day.wx = 0;
- data.data.forEach(function (log) {
- if (time == log.day) {
- if (log.source == 1) {
- day.pc = log.pv;
- }
- if (log.source == 2) {
- day.app = log.pv;
- }
- if (log.source == 3) {
- day.h5 = log.pv;
- }
- if (log.source == 4) {
- day.wx = log.pv;
- }
- }
- day.num = day.pc + day.app + day.h5 + day.wx;
- })
- });
- var colors = ["#660099", '#c23531', "#91C7AE",'#FFDE33','#003366'];
- var option = {
- color: colors,
- title: {
- text: '问题流量分析',
- subtext: '分渠道'
- },
- tooltip: {
- trigger: 'axis'
- },
- legend: {
- data: ['PC端', '移动端APP', '移动端H5','小程序','合计']
- },
- xAxis: {
- data: allData.map(function (item) {
- return item.time;
- }),
- boundaryGap: false
- },
- yAxis: {
- splitLine: {
- show: false
- },
- boundaryGap: false,
- type: "value",
-
- min: 0
- },
- toolbox: {
- show: true,
- feature: {
- dataZoom: {
- yAxisIndex: 'none'
- },
- dataView: {readOnly: false},
- magicType: {type: ['line', 'bar']},
- restore: {},
- saveAsImage: {}
- }
- },
- dataZoom: [{
- startValue: allData[allData.length - 7].time
- }, {
- type: 'inside'
- }],
- visualMap: {
- top: 10,
- right: 10
- },
- series: [
- {
- name: 'PC端',
- type: 'line',
- data: allData.map(function (item) {
- return item.pc;
- })
- }, {
- name: '移动端APP',
- type: 'line',
- data: allData.map(function (item) {
- return item.app;
- })
- }, {
- name: '移动端H5',
- type: 'line',
- data: allData.map(function (item) {
- return item.h5;
- })
- },{
- name:'小程序',
- type:'line',
- data:allData.map(function (item) {
- return item.wx;
- })
- }, {
- name: '合计',
- type: 'line',
- label: {
- normal: {
- show: true,
- position: 'top'
- }
- },
- data: allData.map(function (item) {
- return item.num;
- })
- }
- ]
- };
- myChart.setOption(option);
- }
- });
- };
-
- load();
- }
- };
- });
- });
|