|
@@ -253,13 +253,13 @@ export default { |
|
@@ -253,13 +253,13 @@ export default { |
253
|
}
|
253
|
}
|
254
|
},
|
254
|
},
|
255
|
legend: {
|
255
|
legend: {
|
256
|
- data: ["一级", "二级*三级", "四级"],
|
256
|
+ data: ["一级", "二级", "三级", "四级"],
|
257
|
x: "right",
|
257
|
x: "right",
|
258
|
textStyle: {
|
258
|
textStyle: {
|
259
|
color: "#fff"
|
259
|
color: "#fff"
|
260
|
}
|
260
|
}
|
261
|
},
|
261
|
},
|
262
|
- color: ["#ffc107", "#009688", "#2196f3"],
|
262
|
+ color: ["#ffc107", "#009688", "#2196f3", "#fff"],
|
263
|
xAxis: [
|
263
|
xAxis: [
|
264
|
{
|
264
|
{
|
265
|
type: "category",
|
265
|
type: "category",
|
|
@@ -347,7 +347,7 @@ export default { |
|
@@ -347,7 +347,7 @@ export default { |
347
|
}
|
347
|
}
|
348
|
},
|
348
|
},
|
349
|
{
|
349
|
{
|
350
|
- name: "二级*三级",
|
350
|
+ name: "二级",
|
351
|
type: "line",
|
351
|
type: "line",
|
352
|
data: opt.t2,
|
352
|
data: opt.t2,
|
353
|
itemStyle: {
|
353
|
itemStyle: {
|
|
@@ -369,9 +369,31 @@ export default { |
|
@@ -369,9 +369,31 @@ export default { |
369
|
}
|
369
|
}
|
370
|
},
|
370
|
},
|
371
|
{
|
371
|
{
|
|
|
372
|
+ name: "三级",
|
|
|
373
|
+ type: "line",
|
|
|
374
|
+ data: opt.t3,
|
|
|
375
|
+ itemStyle: {
|
|
|
376
|
+ normal: {
|
|
|
377
|
+ label: {
|
|
|
378
|
+ show: true,
|
|
|
379
|
+ position: "top",
|
|
|
380
|
+ formatter: function(p) {
|
|
|
381
|
+ return p.value.toFixed(opt.v);
|
|
|
382
|
+ },
|
|
|
383
|
+ textStyle: {
|
|
|
384
|
+ color: "#fff"
|
|
|
385
|
+ }
|
|
|
386
|
+ },
|
|
|
387
|
+ lineStyle: {
|
|
|
388
|
+ width: 1
|
|
|
389
|
+ }
|
|
|
390
|
+ }
|
|
|
391
|
+ }
|
|
|
392
|
+ },
|
|
|
393
|
+ {
|
372
|
name: "四级",
|
394
|
name: "四级",
|
373
|
type: "line",
|
395
|
type: "line",
|
374
|
- data: opt.t,
|
396
|
+ data: opt.t4,
|
375
|
itemStyle: {
|
397
|
itemStyle: {
|
376
|
normal: {
|
398
|
normal: {
|
377
|
label: {
|
399
|
label: {
|
|
@@ -410,23 +432,29 @@ export default { |
|
@@ -410,23 +432,29 @@ export default { |
410
|
oby = _.map(ret.yesterday, i => {
|
432
|
oby = _.map(ret.yesterday, i => {
|
411
|
return (i.paymentCount / i.dau) * 100;
|
433
|
return (i.paymentCount / i.dau) * 100;
|
412
|
}),
|
434
|
}),
|
413
|
- oc4 = _.map(ret2.today, i => {
|
|
|
414
|
- if (!i.clickPayCount) {
|
|
|
415
|
- return 0;
|
|
|
416
|
- }
|
|
|
417
|
- return (i.paymentCount / i.clickPayCount) * 100;
|
|
|
418
|
- }),
|
|
|
419
|
oc1 = _.map(ret2.today, i => {
|
435
|
oc1 = _.map(ret2.today, i => {
|
420
|
if (!i.dau) {
|
436
|
if (!i.dau) {
|
421
|
return 0;
|
437
|
return 0;
|
422
|
}
|
438
|
}
|
423
|
return (i.infoUv / i.dau) * 100;
|
439
|
return (i.infoUv / i.dau) * 100;
|
424
|
}),
|
440
|
}),
|
425
|
- oc23 = _.map(ret2.today, i => {
|
441
|
+ oc2 = _.map(ret2.today, i => {
|
426
|
if (!i.infoUv) {
|
442
|
if (!i.infoUv) {
|
427
|
return 0;
|
443
|
return 0;
|
428
|
}
|
444
|
}
|
429
|
- return (i.orderCount / i.infoUv) * 100;
|
445
|
+ return (i.addcartUv / i.infoUv) * 100;
|
|
|
446
|
+ }),
|
|
|
447
|
+ oc3 = _.map(ret2.today, i => {
|
|
|
448
|
+ if (!i.addcartUv) {
|
|
|
449
|
+ return 0;
|
|
|
450
|
+ }
|
|
|
451
|
+ return (i.orderCount / i.addcartUv) * 100;
|
|
|
452
|
+ }),
|
|
|
453
|
+ oc4 = _.map(ret2.today, i => {
|
|
|
454
|
+ if (!i.clickPayCount) {
|
|
|
455
|
+ return 0;
|
|
|
456
|
+ }
|
|
|
457
|
+ return (i.paymentCount / i.clickPayCount) * 100;
|
430
|
}),
|
458
|
}),
|
431
|
times = _.map(ret.today, i =>
|
459
|
times = _.map(ret.today, i =>
|
432
|
(i.dayHour + "").substring((i.dayHour + "").length - 2)
|
460
|
(i.dayHour + "").substring((i.dayHour + "").length - 2)
|
|
@@ -466,11 +494,12 @@ export default { |
|
@@ -466,11 +494,12 @@ export default { |
466
|
title: "",
|
494
|
title: "",
|
467
|
chartName: ocChart,
|
495
|
chartName: ocChart,
|
468
|
t1: oc1,
|
496
|
t1: oc1,
|
469
|
- t2: oc23,
|
|
|
470
|
- t: oc4,
|
497
|
+ t2: oc2,
|
|
|
498
|
+ t3: oc3,
|
|
|
499
|
+ t4: oc4,
|
471
|
timeLine: days,
|
500
|
timeLine: days,
|
472
|
min: 0,
|
501
|
min: 0,
|
473
|
- max: _.max([...oc1, ...oc23, ...oc4]),
|
502
|
+ max: _.max([...oc1, ...oc2, ...oc3, ...oc4]),
|
474
|
color: "#009688",
|
503
|
color: "#009688",
|
475
|
v: 0,
|
504
|
v: 0,
|
476
|
isRound: true
|
505
|
isRound: true
|