Перемещение изображений, отображаемых на высоких диаграммах при изменении размера

Question

Я добавляю изображение в нижний правый угол диаграммы в поле загрузки диаграммы с использованием свойств chartWidth и chartHeight для вычисления смещений влево/вправо.

chart.renderer.image('img.png', left, top, 30, 30).add(); 

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

Можно ли перемещать элемент с помощью какого-либо javascript или мне нужно его удалить и сделать вышеуказанный вызов снова с новой позицией?

Answer 1

В итоге я сохранил ссылку на исходную ширину диаграммы и изображения. Затем при изменении размера я перемещаю изображение по смещению двух ширины -

var img, originalWidth; 

function chartLoad(chart) { 
    var top = 100, left = 100; 

    originalWidth = chart.chartWidth; 
    img = chart.renderer.image('img.png', left, top, 30, 30).add(); 
} 

function chartResize(e) { 
    var offset = e.target.chartWidth - originalWidth; 
    img.translate(offset, 0); 
} 

Answer 2

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