我想向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
},
现在,有两个问题:
如何清除使用渲染器创建的文本/形状?
是否有另一种方法可以在图形中的点旁边添加一些文本或指示符或字形(使用渲染器除外)?
您需要引用变量(保留rendererd对象)并调用destroy()方法。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句