javascript - 使用 Highcharts 删除 TreeMap 中的第二个工具提示

Question

我正在我的网络应用程序中使用 Highcharts 绘制树状图。我正在使用最新的 highcharts CDN。我写了一个自定义工具提示，它工作得很好。但我能够看到第二个小工具提示。我想删除第二个。我没有为第二个工具提示编写任何代码，并且该工具提示仅对较小的(形状)数据点可见。

在下图中，您可以看到自定义工具提示和我要删除的另一个(小)。

这是我的代码

$.getJSON("URL_TO_GET_DATA_FROM_SERVER", function(json) {

  $('#container').highcharts({
    colorAxis: {
      minColor: '#FF0000',
      maxColor: '#00FF00',
      stops: [
        [0, '#FF0000'],
        [0.50, '#736F6E'],
        [1, '#00FF00']
      ]
    },
    title: {
      text: ''
    },
    tooltip: {
      backgroundColor: {
        linearGradient: [0, 0, 0, 60],
        stops: [
          [0, '#FFFFFF'],
          [1, '#E0E0E0']
        ]
      },
      borderWidth: 1,
      borderColor: '#AAA',
      borderRadius: 2,
      formatter: function() {
        return 'Ticker: <b>' + this.point.name + '</b><br></br>Market Cap (JPY M): <b>' + this.point.value.toFixed(2) + '</b><br></br>Percent Change (%): <b>' + this.point.colorValue.toFixed(2) + '</b>';
      }
    },
    series: [{
      type: 'treemap',
      layoutAlgorithm: 'squarified',
      data: json,
    }]
  });
});

此外，如果这是浏览器功能，请告诉我。我正在使用谷歌浏览器。

Answer 1

一种仅删除导致此问题的元素(<title> 元素)的方法是将其添加到您的图表选项中:

chart: {
    events: {
        load: function(e) {
            $(".highcharts-data-labels text > title").remove();
        },
        redraw: function(e) {
            $(".highcharts-data-labels text > title").remove();
        }
    }
}

检查 this JSFiddle如果最后一点没有被删除，那么最后一点会有一个标题。