Ошибка в новом рендерерах с высоким разрешением?

Question

Следующий jsfiddle показывает пример, где я помещаю текст на диаграмме, получая ширину/высоту этого текста, а затем используя ширину/высоту, чтобы определить, где снова разместить тот же текст, но на этот раз в середине диаграммы, и с ограничивающей рамки вокруг него:

http://jsfiddle.net/drmrbrewer/mfr0rd4b/3/

выше использует Highcharts 4.0.4.

some code 

Вот тот же самый код, но с использованием Highcharts 4.1.1:

http://jsfiddle.net/drmrbrewer/mfr0rd4b/4/

Габаритный прямоугольник был помещен вокруг первого расположенный текст, несмотря на использование х, у, ширину, информацию о высоте из второго текста, чтобы создать ограничительную рамку.

Это ошибка в новой версии?

Есть ли лучший способ выработать текст места, с ограничивающей рамкой, взламывать в центре диаграммы? До сих пор я помещал (невидимый) фиктивный текст, используя ширину/высоту, чтобы определить, где разместить реальный текст, а затем добавить ограничивающий прямоугольник. Вот почему я столкнулся с этой проблемой в новой версии.

Answer 1

Ну, я все еще не уверен, почему пример в OP сломался с 4.0.4 до 4.1.1, но частично ответил на мой вопрос, который по крайней мере обеспечивает решение, которое работает даже в 4.1.1, задается следующим jsfiddle:

http://jsfiddle.net/drmrbrewer/mfr0rd4b/7/

text = chart.renderer.text("My Text").add(); 
    textBBox = text.getBBox(); 
    x = chart.plotLeft + (chart.plotWidth * 0.5) - (textBBox.width * 0.5); 
    y = chart.plotTop + (chart.plotHeight * 0.5) - (textBBox.height * 0.25); 
    text.attr({x: x, y: y, zIndex: 10}); 

    rect = chart.renderer.rect(x, y, textBBox.width, textBBox.height, 2) 
     .attr({ 
      fill: '#FFFFEF', 
      stroke: 'gray', 
      'stroke-width': 1, 
      zIndex: 9 
     }) 
     .add(); 
    rectBBox = rect.getBBox(); 
    rect.attr({y: y - rectBBox.height*0.5 - textBBox.height*0.25}); 

Вторая загадка, почему это textBBox.height * 0.25 и не textBBox.height * 0.5 ...

EDIT ... Данг! Новое решение ломает когда я добавляю <br> разбить текст на строки:

http://jsfiddle.net/drmrbrewer/mfr0rd4b/8/

Любая идея, как исправить это?