Question

我在平均线上创建了BBox。我已通过以下代码创建了BBox

$('#container').highcharts({
               chart: {
                       zoomType: 'x',
                      }, 
                .
                .
                .
                .
            }, function(chart){
                if(chart.series[0].data[1])
                {
                    var point = chart.series[0].data[1],
                        text = chart.renderer.text(
                            'Average='+Math.ceil(point.y)+" s",
                            point.plotX + chart.plotLeft - 45,
                            point.plotY + chart.plotTop - 13
                        ).attr({
                            zIndex: 5
                        }).add(),
                        box = text.getBBox();
                    chart.renderer.rect(box.x - 5, box.y - 5, box.width + 10, box.height + 10, 5)
                        .attr({
                            fill: '#FFFFEF',
                            stroke: 'gray',
                            'stroke-width': 1,
                            zIndex: 4
                        })
                        .add();
                }

            });

已创建该框我想根据角色中zoom属性的平均线来改变BBox位置。我怎么能这样做..谢谢你提前

Answer 1

您需要在highcharts中的redraw()事件中使用您的代码。注意destroy（旧渲染对象）并创建新对象或翻译它。

实施例： http://jsfiddle.net/be2ebcg2/1/

Highchart更新BBox在缩放时的位置

1 个答案: