2013-09-26 3 views
0

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

Intially диаграмма будет оказана «SmallContainer» по нажатию кнопки,

document.getElementById("LargeContainer").innerHTML = document.getElementById("SmallContainer").innerHTML 
document.getElementById("SmallContainer").innerHTML = ""; 
chartobj.redraw(); 

Здесь я рендеринг «LargeContainer», как я хочу дисплей большего размера контейнера в качестве всплывающего окна вместе с каким-либо другим текстом.

Может ли кто-нибудь помочь мне в исправлении этого? Заранее спасибо.

ответ

1

В случае рендеринга диаграммы вы не можете изменять размер по innerHTML, так как рассчитываются пути в SVG. Но вы можете использовать функцию setSize, которая позволяет изменять размер диаграммы.

http://api.highcharts.com/highcharts#Chart.setSize()

Obivuosly вы также можете использовать Highslide для создания всплывающих окон, как в примере http://jsfiddle.net/roadrash/GqhEX/

+0

Спасибо за ваше время. Но я не могу пойти с Hightslide. Как использовать одни и те же параметры диаграммы для разных контейнеров. –

+0

Вы можете создать две диаграммы с различными размерами –

+0

Себастьян, можете ли вы предоставить мне образец для этого. –

Смежные вопросы