2015-05-19 12 views
0

Я хочу сделать отзывчивую круговую диаграмму в highchart, мне нужна помощь. Мой JSFiddle: http://jsfiddle.net/hAnCr/512/Как сделать отзывчивую круговую диаграмму

<div id="container" style="max-width: 618px; height: 275px;"></div> 
+0

Ну, диаграмма отзывчива - при изменении размера вы можете наблюдать другую легенду. По умолчанию 'height' не реагирует на веб-страницу. Пример с non pie: http://jsfiddle.net/hAnCr/516/ Если вы хотите, чтобы высота была отзывчивой, тогда вызовите 'chart.resize (width, height)' на 'resize' событие сайта. –

ответ

0

Круговые диаграммы создаются SVG. Он не будет автоматически реагировать, вам придется измерять высоту и ширину контейнера и переадресация вызова при изменении диапозона окна.

0

По умолчанию диаграмма чувствительна, когда вы устанавливаете ширину как 100% (в стилях контейнера). (Пример http://jsfiddle.net/hAnCr/517/). Но на вашем графике вы устанавливаете несколько жестко заданных значений, которые влияют на безответственность. Таким образом, вам нужно поймать $(windows).resize(), а затем вычислить новые значения жесткого кодирования и создать диаграмму.

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