我正在使用JvectorMap根据一个国家/地区的候选人数量显示候选人的地理详情。喜欢:我想展示来自美国的候选人数量以及其他国家的候选人数量。
示例:美国,5名候选人
因此,我的问题是如何让JvectorMap根据国家/地区获取候选人数并将其显示在地图中。
用户的列名: CandidatesName
国家/地区的列名称:国家/地区
这是我根据JvectorMap文档开发的代码,但它无效。
$("#world-map").vectorMap({
map: "world_mill",
backgroundColor: "#ffffff",
zoomOnScroll: false,
hoverOpacity: 0.7,
hoverColor: false,
regionStyle: {
initial: {
fill: "#e1e1e1",
stroke: "none",
"stroke-width": 0,
"stroke-opacity": 1
},
hover: {
"fill-opacity": 0.8
},
selected: {
fill: "#8dc859"
},
selectedHover: {
}
},
series: {
regions: [{
values: mapData,
scale: ["#6fc4fe", "#2980b9"],
normalizeFunction: "polynomial"
}]
},
onRegionTipShow: function(e, el, code)
{
el.html(el.html() + " (" + ((typeof mapData[code] == "undefined") ? "0" : mapData[code]) + " Candidates)");
}
});
这是我显示地图的div。
<div id="world-map" style="width: 100%; height: 400px;"></div>
提前致谢并期待答案。 :)