Chart.js
문제없이 작동하는 프로젝트를 구현 했지만 모바일 장치 에서 방향을 변경하는 동안 문제가 발생 합니다.
화면이 portait
모드에서 landscape
모든 것으로 변경되면 예상대로 크기가 조정
되지만 차트로 양식 landscape
을 변경할 때 portrait
크기가 조정되지 않으면 ... 가로 모드의 너비를 유지합니다.
사용 하지 않고 이것을 수행하는 방법을 찾고 있습니다.jQuery-mobile
누군가이 (잘못된) 행동을 처리하는 방법을 안다면 나는 무엇을해야하는지 알게되어 정말 기뻐할 것입니다.
방향 변경 이벤트 (jQuery mobile- $(window).on("orientationchange",function(){ ... });
)를 수신하고 창 크기 조정을 트리거합니다 (jQuery가있는 경우 다음과 같이 간단 할 수 있습니다.$(window).trigger('resize');
또는 방향 변경 처리기에서 창의 크기를 조정할 때 실행되는 코드를 복제 할 수 있습니다.
function () {
// Basic debounce of resize function so it doesn't hurt performance when resizing browser.
var timeout;
return function () {
clearTimeout(timeout);
timeout = setTimeout(function () {
Chart.helpers.each(Chart.instances, function (instance) {
// If the responsive flag is set in the chart instance config
// Cascade the resize event down to the chart.
if (instance.options.responsive) {
instance.resize(instance.render, true);
}
});
}, 50);
};
};
대부분은 Chart.js 라이브러리 코드의 복사 붙여 넣기입니다. Chart.helpers.each
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다