Highcharts 在图表上绘制（和删除）字形

Question

我想为 Highcharts 图表添加注释。例如，在气泡图中，在某些情况下，我想在气泡顶部添加一些文本。我通过使用chart.renderer 完成了这项工作。

renderElem = chart.renderer.text(
  "Glyph", 
  point.plotX, 
  point.plotY + chart.plotTop
).add();

这里是jsFiddle。

但是，当该系列被禁用时，渲染的文本将保持在同一个固定位置。所以我想清除用渲染器绘制的文本并重新绘制它。我可以用 plotOptions.bubble.events.legendItemClick 以获取正确的事件。但我无法在文档中找到如何准确清除渲染器。

plotOptions: {
  series: {
    stacking: 'normal'
  },
  bubble: {
    events: {
      legendItemClick: function () {
        var chart = $("#container").highcharts();
        // how can I clear the renderer text?
        //  rendererElem ????
      }
    }
  },
  allowPointSelect: false
},

现在，有两个问题：

1. 如何清除使用渲染器创建的文本/形状？

2. 是否有其他方法可以在图表中的某个点旁边添加一些文本或指示符或字形（除了使用渲染器）？

Answer 1

你需要引用变量（保持rendererd对象）并调用destroy()方法。