echarts地图设置legend_echarts中关于自定义legend图例文字

formatter有两种形式：

- 模板

- 回调函数

模板

使用字符串模板，模板变量为图例名称 {name}

formatter: 'Legend {name}'

回调函数

formatter: function (name) {

return 'Legend ' + name;

}

我们在返回时可以对name进行修改，从而返回我们需要的值，初步改动是这样：

var data = [

{value:40, name:'货币'},

{value:20, name:'股票'},

{value:40, name:'债券'}

]

formatter: function(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(2) + '%';

}

想自定义图例文字样式，就要用到富文本：rich，但是在官方文档中看到的只有模板形式的富文本样式配置，由1知用模板很难实现自定义name，所以只能用回调函数形式，采用富文本的形式对name进行改造：

formatter: function(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;

}

}

var arr = [

'{a|'+((target/total)*100).toFixed(2)+'%}',

'{b|'+name+'}',

]

return arr.join('\n')

},

textStyle:{

rich:{