1

我有鼠标悬停时出现的 poshytips，其设计如下：

// Function to make poshytip table
    function maketip1(t) {
        // console.log(d)
        var d= t.properties.ID
        var num = 1
        var region_name = allData.metadata.region_names[d]
        var metric_name = allData.data[d][current_settings.surveys[num]][current_settings.variables[num]].name
        var value = String(allData.data[d][current_settings.surveys[num]][current_settings.variables[num]].value*100).substring(0,5)
        var table = '<table><tr><td><u><b>' + region_name + '</b></u></td><tr><td><u>' + metric_name + ': </u></td><td>' + value + '</td></tr></table>'
        return table;
    }

// Make poshytips pop up for reg-path1 class
    $('.reg-path1').poshytip({
        content: function() {
            return maketip1(this.__data__); 
        },
        className: 'tip-ihme',
        slide:      false,
        followCursor:   true,
        alignTo:    'cursor',
        alignX:     'center'
    });

我尝试将以下参数传递给 .poshytip 调用，没有任何更改：

fontSize = 25
fontSize = '25'
fontSize = '25px'

我也尝试过创建一个与 .poshytip 调用中的 className 参数相对应的 css 类：

.tip-ihme {
    font-size: 25px;
}

如何在弹出的 poshytips 中调整字体大小？谢谢，

4

1 回答 1

1

在返回的表格中，在您的 html 代码之前包含以下标记：

<font size=3>

在这种情况下：

var table = '<font size=3><table><tr><td><u><b>' + region_name + '</b></u></td><tr><td><u>' + metric_name + ': </u></td><td>' + value + '</td></tr></table>'
于 2013-06-05T21:17:48.847 回答