我有鼠标悬停的问题,其设计如下:
// 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;
}
如何调整弹出的正片中的字体大小?谢谢,
答案 0 :(得分: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>'