' + (date.getMonth() + 1) + '-' + date.getDate() + '
' + params[i].marker + params[i].seriesName; switch (i) { case 0: res += ':	' + params[i].data.custCnt; break; case 1: res += ':	' + params[i].data.custActiveCnt; break; case 2: res += ':	' + params[i].data.newCustRemainCnt; break; } res += '

' return res } }, legend: { data: ['客户总数', '日活数量', '新增客户'], icon: 'rect', // 设置为矩形 itemWidth: 10, // 图例的宽度 itemHeight: 10, // 图例的高度 left: 20, textStyle: { color: ['#80DAFF', '#8CABFF', '#7EFF8E'], } }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: { type: 'category', boundaryGap: false, axisLine: { }, axisTick: { show: false, }, axisLabel: { formatter: function(v) { var date = new Date(v); return (date.getMonth() + 1) + '-' + date.getDate() } } }, yAxis: { type: 'value', name: '（家） ', nameRotate: -0.1, left: 'left', axisLine: { // y轴 show: false, }, nameTextStyle: { color: '#476791' } }, color: ['#80F4FF', '#8CABFF', '#7EFF8E '], series: [{ name: '客户总数', type: 'line', stack: 'one', areaStyle: {}, symbol: 'circle', encode: { x: 'date', y: 'custCnt' }, lineStyle: { normal: { color: '#80F4FF', width: 1 } } }, { name: '日活数量', type: 'line', stack: 'one', areaStyle: {}, symbol: 'circle', encode: { x: 'date', y: 'custActiveCnt' }, lineStyle: { normal: { color: '#8CABFF', width: 1 } } }, { name: '新增客户', type: 'line', stack: 'one', areaStyle: {}, symbol: 'circle', encode: { x: 'date', y: 'newCustCnt' }, lineStyle: { normal: { color: '#7EFF8E', width: 1 } } } ] };

Echarts在线免费图表