您现在的位置是:首页 > js > eacharts的地图多个参数使用(回调函数) 网站首页 js

eacharts的地图多个参数使用(回调函数)

Tom2019-03-22 1011人围观
js  
简介 暂无

对于地图的使用,以前也使用过,但是很少用到别的参数,

一般情况下,地图参数,只有两个参数,(name,value),多余的参数不能使用,或者不知道怎么使用,
栗子:
data的默认参数:

[
{name:'重庆',value:120},
{name:'四川',value:155}
]

要求,比如需要多一个参数:sel_name:火锅之乡

[
{name:'重庆',value:120,sel_name:"火锅之乡"},
{name:'四川',value:155,sel_name:"麻辣之地"}
]

解决方案,需要使用回调,option中定义tooltip的字段formatter

option = {

tooltip: {
trigger: 'item',
backgroundColor: '',
formatter: function(params){
var res = params.value;
var sel_name = params.data.sel_name;
var aa = ' <div position: relative; style=" width: 222px;min-height: 150px;background-color: #ffffff;padding-bottom:10px;">';
aa += ' <div style="position: absolute;left: 4px;top: 117px;">';
aa += ' '+sel_name;
aa += ' </div>';
aa += ' </div>';
return aa;
},
}
};

这样,formatrer中,是可以自定义样式的哟


打赏本站,你说多少就多少

文章评论

image
06-24 小正
留言地图,马克29