Я хочу сделать отзывчивую круговую диаграмму в highchart, мне нужна помощь. Мой JSFiddle: http://jsfiddle.net/hAnCr/512/Как сделать отзывчивую круговую диаграмму
<div id="container" style="max-width: 618px; height: 275px;"></div>
Я хочу сделать отзывчивую круговую диаграмму в highchart, мне нужна помощь. Мой JSFiddle: http://jsfiddle.net/hAnCr/512/Как сделать отзывчивую круговую диаграмму
<div id="container" style="max-width: 618px; height: 275px;"></div>
Круговые диаграммы создаются SVG. Он не будет автоматически реагировать, вам придется измерять высоту и ширину контейнера и переадресация вызова при изменении диапозона окна.
По умолчанию диаграмма чувствительна, когда вы устанавливаете ширину как 100% (в стилях контейнера). (Пример http://jsfiddle.net/hAnCr/517/). Но на вашем графике вы устанавливаете несколько жестко заданных значений, которые влияют на безответственность. Таким образом, вам нужно поймать $(windows).resize()
, а затем вычислить новые значения жесткого кодирования и создать диаграмму.
Ну, диаграмма отзывчива - при изменении размера вы можете наблюдать другую легенду. По умолчанию 'height' не реагирует на веб-страницу. Пример с non pie: http://jsfiddle.net/hAnCr/516/ Если вы хотите, чтобы высота была отзывчивой, тогда вызовите 'chart.resize (width, height)' на 'resize' событие сайта. –