jquery - 自定义工具提示 JQVMap

Question

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

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

谢谢。

Answer 1

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

onLabelShow function(event, label, code)

Callback function which will be called before label is shown. Label DOM object and country code will be passed to the callback as arguments.

也许这样的东西适合你？

$(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!!";
                    }
                },                
            });
        });