У меня два вопроса по рендерингу диаграммы при изменении размера ее контейнера.
Во-первых, как правильно отобразить диаграмму при изменении размера ее контейнера..
проблема с максимизацией/восстановлением, при первом рендеринге все работает нормально, однако когда я восстанавливаю размер окна, графики начинают накладываться на прежний размер. Как видно из следующих фото:
Я знаю, что если установить обработчик изменения размера (и подождать некоторое время )для обновления графика при изменении размера окна, проблема может быть решена. Я думаю, есть ли какие-то другие подходы, чтобы диаграмма соответствовала нужному размеру, не обновляя диаграмму каждый раз.
вторая вещь :Если область диаграммы находится в контейнере Примечание:Компонент сетки работает нормально в любом случае, и только с диаграммой у меня всегда возникают проблемы. Я использую HighCharts, сетку kendoUI, и оба они отображаются в портлетах jQueryUI. Любые комментарии приветствуются! Эта проблема заняла у меня много времени.. Обновление:Поскольку я думаю, что мое объяснение проблемы недостаточно ясно,Я добавилПример JSFiddleдля лучшего понимания. По сути, я хочу две вещи :1. изменить размер диаграммы, чтобы она соответствовала ее контейнеру, когда размер окна изменяется; 2. изменить размер диаграммы, чтобы она соответствовала ее контейнеру, когда полоса изменения размера перемещается. В этом примере я использую плагины highcharts для построения диаграмм, jQuery UI Layout для управления макетом. Для некоторых других подключаемых модулей, которые я использую, обратитесь кздесь, Я не уверен, есть ли у них конфликты. Спасибо!$(window).resize(function () {
setTimeout(function () {
createChart(chartData);
}, 300);
});