Highmaps向下搜索:隐藏级别2的标签工具提示

Question

我已经实现了地图的向下搜索(点击区域时会显示小图表(，效果非常好。我有一个小问题：

• 在更高级别上，当鼠标悬停在该区域上时，工具提示中会显示信息(如果单击，则会显示一个小图表(。如果我将鼠标悬停在区域名称标签上，工具提示会显示"单击以向下搜索"。在这个级别上一切都还可以。

• 在子级别上(当从较高级别的地图中单击区域名称时(，显示较低级别的地图，并以与较高级别相同的方式显示信息：将鼠标悬停在区域上->信息显示在工具提示中(这就是我想要的(。但是，当鼠标悬停在区域名称上时，会再次显示带有"单击以向下钻取"的工具提示，我希望在此级别上不显示任何内容(因为我无法再次向下钻取(。这里有一个例子"奥弗涅-罗纳-阿尔卑斯"上的clic：展示了法国地区的地图。现在转到标签"Ain"：我希望这个标签上不显示工具提示(只有标签周围蓝色的工具提示(。如果我尝试禁用工具提示，将不再显示工具提示(也不会显示信息工具提示，也不会显示"clic to drill-down"(。我希望继续显示信息工具提示，但不希望在此级别显示"clic to drill-down"。我试图用这段代码做一个我期望的关闭行为，但它修复了工具提示的位置。我希望工具提示继续显示在鼠标光标附近。

  tooltip: {      
  useHTML: true,      
  pointFormat: '<span class="f32">'+level+'</span>',
  positioner: function () {
  var content = this.label.text.textStr;              
  if(content.indexOf('<span class="f32">2</span>')>0)
  return { x: 0, y: -100 };
  else
  return { x: 0, y: 250};
  }
  },
  

对此有什么想法吗？问候

Answer 1

我认为您应该使用tooltip.formatter(而不是嵌套在系列配置对象中的工具提示配置(回调，它允许设置显示的工具提示格式。

演示：https://jsfiddle.net/BlackLabel/kg30con5/

tooltip: {
formatter() {
console.log(this)
if (this.series.mapTitle) {
var hoverVotes = this.hoverVotes; // Used by pie only
var libRegion = this.LIB_REGION;
if (libRegion == undefined) {
libRegion = this.point.properties.name;
}
return "<b>" + libRegion + "</b><br/>" +
"<hr/><b><i>Nb_Femmes : </b></i> " + unit_pre + Highcharts.numberFormat(this.point.value, mes_prec) + unit_suf +
"<br/><i>Click to display more informations</i>";
} else {
if (level === 1) {
return this.series.name
} else {
return false
}
}
}
},

API：https://api.highcharts.com/highcharts/tooltip.formatter