Проблема отображения диаграммы при изменении размера контейнера

У меня два вопроса по рендерингу диаграммы при изменении размера ее контейнера.

Во-первых, как правильно отобразить диаграмму при изменении размера ее контейнера..

проблема с максимизацией/восстановлением, при первом рендеринге все работает нормально, однако когда я восстанавливаю размер окна, графики начинают накладываться на прежний размер. Как видно из следующих фото: enter image description hereenter image description here

Я знаю, что если установить обработчик изменения размера (и подождать некоторое время )для обновления графика при изменении размера окна, проблема может быть решена. Я думаю, есть ли какие-то другие подходы, чтобы диаграмма соответствовала нужному размеру, не обновляя диаграмму каждый раз.

вторая вещь :Если область диаграммы находится в контейнере

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

$(window).resize(function () {
        setTimeout(function () {
            createChart(chartData);
        }, 300);
    });

Примечание:Компонент сетки работает нормально в любом случае, и только с диаграммой у меня всегда возникают проблемы. Я использую HighCharts, сетку kendoUI, и оба они отображаются в портлетах jQueryUI.

Любые комментарии приветствуются! Эта проблема заняла у меня много времени..

Обновление:Поскольку я думаю, что мое объяснение проблемы недостаточно ясно,Я добавилПример JSFiddleдля лучшего понимания. По сути, я хочу две вещи :1. изменить размер диаграммы, чтобы она соответствовала ее контейнеру, когда размер окна изменяется; 2. изменить размер диаграммы, чтобы она соответствовала ее контейнеру, когда полоса изменения размера перемещается.

В этом примере я использую плагины highcharts для построения диаграмм, jQuery UI Layout для управления макетом. Для некоторых других подключаемых модулей, которые я использую, обратитесь кздесь, Я не уверен, есть ли у них конфликты.

Спасибо!

5
задан Community 23 May 2017 в 10:29
поделиться