option = { /* title: { text: '用户留存（万）', top:10 },*/ tooltip: { trigger: 'axis', formatter: function (a) { // console.log(a) return ( a[0]['axisValueLabel'] + "
" + '' + a[0]['seriesName'] + ':' + a[0]['value'] + "
" + '' + a[1]['seriesName'] + ':' + a[1]['value'] + "
" + '' + a[2]['seriesName'] + ':' + a[2]['value'] + "
" + '七日' + ':' + Math.round(100 * (a[1]['value']) / a[0]['value']) + "%" + "
" + '' + '次日' + ':' + Math.round(100 * (a[2]['value']) / a[0]['value']) + "%" ); }, axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } } }, color: ['#fbad0a', '#0f8fe9', '#01ae45'], legend: { bottom: 0, left: 'center', itemWidth: 10, itemHeight: 10, data: [ { name: '新增', icon: 'roundRect', }, {name: '七日留存', icon: 'roundRect',}, {name: '次日留存', icon: 'roundRect',} ] }, xAxis: [ { type: 'category', boundaryGap: false, data: ['11/24', '11/25', '11/26', '11/27', '11/28', '11/29', '11/30', '12/01', '12/02', '12/03', '12/04', '12/05', '12/06', '12/07', '12/08'] } ], yAxis: [ { type: 'value' } ], series: [ { name: '新增', type: 'line', smooth: true, areaStyle: {normal: {}}, data: [120, 132, 101, 234, 190, 230, 210, 120, 132, 101, 134, 90, 230, 210, 228] }, { name: '七日留存', type: 'line', smooth: true, areaStyle: {normal: {}}, data: [20, 82, 91, 34, 90, 30, 10, 20, 82, 91, 34, 90, 30, 10, 52] }, { name: '次日留存', type: 'line', smooth: true, areaStyle: {normal: {}}, data: [50, 23, 20, 54, 90, 30, 10, 50, 32, 20, 54, 90, 30, 10, 20] }, ] };

Echarts在线免费图表