根据国家/地区计算condidates的数量,并在JvectorMap图例中查看它们

时间:2016-11-17 21:12:03

标签: php jquery jvectormap

我正在使用JvectorMap根据一个国家/地区的候选人数量显示候选人的地理详情。喜欢:我想展示来自美国的候选人数量以及其他国家的候选人数量。

示例:美国,5名候选人

但它不起作用。相反,它显示0候选人。 enter image description here

因此,我的问题是如何让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>

提前致谢并期待答案。 :)

0 个答案:

没有答案