Question

我正在使用网页应用中的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如果未删除，最后一个点会有标题。

使用Highcharts删除Tree map中的第二个工具提示

1 个答案: