在jVectorMap中显示国家/州的数据

Question

我必须承认我是jQuery和JS的新手,但我真的很喜欢你可以用jVectorMap做的很酷的事情.但到目前为止,我没有添加一件事:在鼠标悬停/悬停时,通常显示州或国家的名称.是否可以添加相关数据(例如GDP值)？和/或是否可以添加带有国家/州的颜色值的图例？非常感谢!克劳斯

Answer 1

使用数据可视化示例,您可以添加回调函数以显示所选状态代码的相关数字.因此,如果您的数据如下:

var gdpData = {"ca":34.56 ...}

然后你可以做点什么......

$('#map').vectorMap({
    colors: colors,
    hoverOpacity: 0.7,
    hoverColor: false,
    onLabelShow: function(event, label, code){
       label.text(label.text() + " (" + gdpData[code] + ")");
    }
});