Рендерер Highcharts не масштабируется

Question

Я создал эту верхнюю диаграмму, но мне нужно, чтобы renderer.text масштабировался с родительской верхней диаграммой. Например. На втором графике я изменил максимальную и минимальную ширину, чтобы диаграмма масштабировалась в пределах минимальных и максимальных значений, но render.text остается статичным. Я хочу, чтобы вторая скрипка выглядела как первая скрипка всякий раз, когда пользователь изменяет ширину. Спасибо за помощь.

http://jsfiddle.net/jimbob25/V446C/

http://jsfiddle.net/jimbob25/V446C/1/

renderer.path(['M', 485, 40, 'L', 505, 40, 505,300, 485, 300])
    .attr({
        'stroke-width': 1,
        stroke: 'red',
        zIndex: 3
    })
    .add();

renderer.text('+/-2%', 435,93)
    .attr({
        zIndex: 3
    })
    .css({
        color: '#000000',
        fontSize: '12px'
    })
    .add();

Answer 1

Во второй скрипке вы установили height:400px; width:530px; так что вы должны были зафиксировать значения и график не будут масштабироваться, поэтому вы должны установить min-width а также min-height Вы также можете установить max-width а также max-height,
Вот скрипка

Answer 2

Осян, спасибо за помощь, но я имел в виду, что текст рендера не масштабируется с изображением. Я закончил рисовать мой рендерер для работы с шириной 530 пикселей, а затем каждый раз, когда hgihchart изменяет размеры, я получаю смещение и перерисовываю изображения с этим смещением

redraw: function() {
                    var offset = 530 - chart.chartWidth;
                    initDrawing(chart,offset);
                }

а потом

function initDrawing(chart,offset){
      $("#alert1").remove();
      $("#greenArrow1").remove();
         //Clear all of the old elements by id because we will redraw new ones.

    // subtract the offset and add to chart
    renderer.text('+/-2%', 435-offset, 40)
        .attr({
            id: 'alert1'
    })
        .css({
        color: '#000000',
        fontSize: '12px'
    })
        .add();