Highcharts renderer does not scale

Question

Я создал этот highchart, но мне нужен renderer.text для масштабирования с родительским highchart. Например. Во второй диаграмме я изменил максимальную и минимальную ширину так, чтобы график масштабировался в пределах значений min и max, но 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 ,
Вот fiddle

Answer 2

Osyan спасибо за помощь, но то, что я имел в виду, визуализатор текст оленья кожа шкала с изображением. я в конечном итоге рисунок мой рендер работать 530px шириной, то каждый раз, когда 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();