vue饼图统计_vue实用echart饼图legend显示百分比

vue使用echart的饼图数据部分展示百分比

效果图

实现源码

option = {

title : {

text: '某站点用户访问来源',

subtext: '纯属虚构',

x:'center'

},

tooltip : {

trigger: 'item',

formatter: "{a}
{b} : {c} ({d}%)"

},

legend: {

orient: 'vertical', // 布局方式，默认为水平布局，可选为：'horizontal' ¦ 'vertical'

// 水平安放位置，默认为左侧，可选为：'center' | 'left' | 'right' | {number}(x坐标，单位px)

x: 'left',

// 垂直安放位置，默认为全图顶端，可选为：'top' | 'bottom' | 'center' | {number}(y坐标，单位px)

y: 'bottom',

// 重写legend显示样式

formatter: function(name) {

// 获取legend显示内容