я использую JvectorMap показать кандидатам географические данные, основанные на количестве кандидатов от страны. Как: я хочу показать количество кандидатов из США и то же самое для других стран.
Пример: США, 5 кандидатов
Но это не работает. Вместо этого показывают 0 кандидатов.
Поэтому мой вопрос заключается в том, как заставить 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>
Заранее спасибо и с нетерпением жду ответа. 🙂
Задача ещё не решена.
Других решений пока нет …