jquery - 自定义工具提示 JQVMap

Question

我有一个正在可视化一些数据的 JQVMap。地图上的每个国家都有特定的颜色，并有一个从 0 到 10 的特定数字。

我知道如何显示默认工具提示，您只需切换showTooltip到true，它就会显示国家名称onmouseover。我怎样才能在这些工具提示上显示与每个国家对应的数字？

谢谢。

Answer 1

onLabelShow 有一个事件。从文档...

onLabelShow函数（事件、标签、代码）

在显示标签之前调用的回调函数。标签 DOM 对象和国家代码将作为参数传递给回调。

也许这样的事情对你有用？

$(document).ready(function () {
            jQuery('#vmap').vectorMap({
                map: 'usa_en',
                selectedRegion: 'co',
                backgroundColor: '#ffffff',
                color: '#E6E7E9',
                hoverColor: '#03235E',
                enableZoom: false,
                showTooltip: true,
                onLabelShow: function(event, label, code) {
                    if (states.toLowerCase().indexOf(code) <= -1) {
                        event.preventDefault();
                    } else if (label[0].innerHTML == "Colorado") {
                        label[0].innerHTML = label[0].innerHTML + " - The state where I live!!";
                    }
                },                
            });
        });