option = { backgroundColor: '#04243E', color: ['#54aeff', '#e4942c', '#689b58'], tooltip: { padding: 0, enterable: true, transitionDuration: 1, textStyle: { color: '#000', decoration: 'none', }, formatter: function(params) { // console.log(params) var tipHtml = ''; tipHtml = '

' + '

' + ' ' + params.name + '' + '

' + '

' + ' 总数' + ' ' + params.value + '' + '

' + '

' + ' 占比' + ' ' + params.percent + '%' + '

' + '

' + ' 同比' + ' ' + params.data.compared + '%' + '

' + '

'; return tipHtml; } }, series : [ { name: '用户来源', type: 'pie', radius : '55%', center: ['50%', '50%'], data:[ {value:335, name:'微信', compared:10}, {value:310, name:'PC', compared:20}, {value:234, name:'APP', compared:30}, ], label: { normal: { // formatter: '{t|{b}}\n{f|{c}}', formatter: function(params){ console.log(params) return '{t|' + params.name + '}' + '\n{f|' + '+' + params.data.compared + '%}'; }, rich: { t: { fontSize: 14, color: '#fff', align: 'center', padding: 4 }, f: { fontSize: 12, color: '#32d72a', align: 'center', padding: 4 } } } }, itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] };

Echarts在线免费图表