利用Formatter函数给图例后面动态加数据

 

1. 给图例后面加上百分比的数据

注意：在formatter函数中一定记得还要把数据重新定义好，传入的数据name相当于一个for循环，自动识别添加

legend: {

            orient: 'vertical',        //布局的方向,垂直排列   

            top: '20%',                

            right: '25%',              //方向

            itemGap: 40,               //图例相互之间的距离

            itemWidth: 10,              //图例的宽度

            itemHeight: 10,

            data: [

                    { value: 335, name: '直达' },

                    { value: 310, name: '邮件营销' },

                    { value: 234, name: '联盟广告' },

                    { value: 135, name: '视频广告' },

                    { value: 1548, name: '搜索引擎' }

            ],

 formatter: function (name) {

                //百分比数据的计算

                var data = [

                    { value: 335, name: '直达' },

                    { value: 310, name: '邮件营销' },

                    { value: 234, name: '联盟广告' },

                    { value: 135, name: '视频广告' },

                    { value: 1548, name: '搜索引擎' }

                ];

                var total = 0;

                var target;

                for (var i = 0, l = data.length; i < l; i++) {

                    total += data[i].value;

                    if (data[i].name == name) {

                        target = data[i].value;

                    }

                }

                return name + ' ' + ((target/total)*100).toFixed(0) + '%';

            }