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（）方法。