let seriesData=[ {value: 335, name: '直接访1问'}, {value: 310, name: '邮件营4销'}, {value: 234, name: '联盟广告33'}, {value: 135, name: '视频广告22'}, {value: 1548, name: '搜索引擎123'} ] option = { tooltip: { trigger: 'item', formatter:(param) => { let {color, data, percent} = param let name = data.name let value = data.value return `

${name}
${value}台 (${percent}%)

` } }, legend: { orient: 'vertical', left: 10, formatter: (name) => { if (!Array.isArray(seriesData)) { return } const reducer = (accumulator, currentValue) => accumulator+currentValue.value const sum = seriesData.reduce(reducer, 0) let itemData = seriesData.find(item => item.name === name) let targetValue = itemData ? itemData.value : null let p = (targetValue / sum * 100) if (isNaN(p)) { p = 0 } p = p.toFixed(2) // should return this , // but can't handle text-align problem // return `${name} | ${p}% |${targetValue}` return `

${name}

${p}%

${targetValue}

` } }, series: [ { name: '访问来源', type: 'pie', radius: ['50%', '70%'], avoidLabelOverlap: false, label: { normal: { show: false, position: 'center' }, emphasis: { show: true, textStyle: { fontSize: '30', fontWeight: 'bold' } } }, labelLine: { normal: { show: false } }, data: seriesData } ] };

Echarts在线免费图表