Chart.js-장치 방향 변경시 응답 성이 올바르게 작동하지 않음

니콜라우스

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] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

모바일 장치에서 반응 형 열이 올바르게 표시되지 않음

분류에서Dev

js.writeFile이 Blob을 올바르게 작성하지 않음

분류에서Dev

백본 모델이 POST 저장에 대한 JSON 응답을 올바르게 수락하지 않음

분류에서Dev

부트 스트랩 캐 러셀이 응답하지 않음 (Jquery가 올바르게 배치됨)

분류에서Dev

방향 변경시 Sherlock 탭이 작동하지 않음

분류에서Dev

HAL 라이브러리는 USB 및 CAN 주변 장치에서 올바르게 작동하지 않습니다.

분류에서Dev

ajax 성공 응답에서 선택시 이벤트 변경을 올바르게 첨부하십시오.

분류에서Dev

Chart.js-Ajax 응답이 허용되지 않음

분류에서Dev

장소 및 위치가 올바르게 표시되지 않음

분류에서Dev

backbone.js에서 여러 경로가 올바르게 작동하지 않음

분류에서Dev

응용 프로그램이 올바르게 작동하지 않음 C #

분류에서Dev

RewriteRule이 올바르게 다시 작성되지 않음

분류에서Dev

9 패치 png가 배경에 대해 올바르게 작동하지 않음

분류에서Dev

Angular JS ng-repeat가 데이터를 올바르게 표시하지 않음

분류에서Dev

Apache URL 재 작성이 올바르게 작동하지 않음

분류에서Dev

htaccess가 URL을 올바르게 다시 작성하지 않음

분류에서Dev

AvalonDock이 LayoutRoot 방향을 올바르게 역 직렬화하지 않음

분류에서Dev

Rails-Pundit-해결 방법이 올바르게 작동하지 않음

분류에서Dev

ios7 상태 표시 줄이 올바르게 작동하지 않음

분류에서Dev

토큰 캡처 시퀀스 Python이 올바르게 작동하지 않음

분류에서Dev

토큰 캡처 시퀀스 Python이 올바르게 작동하지 않음

분류에서Dev

Gatsby JS URL 경로가 올바르게 업데이트되지 않음

분류에서Dev

두 번째 yAxes 값이 Chart.js로 올바르게 차트 화되지 않음

분류에서Dev

Postgresql이 시간대를 올바르게 변환하지 않음

분류에서Dev

Android : 스위치 컨트롤이 삼성 장치에서 올바르게 표시되지 않습니다.

분류에서Dev

반응 양식 입력 값이 올바르게 표시되지 않음

분류에서Dev

ListView의 SeekBar가 onStartTrackingTouch에 올바르게 응답하지 않음

분류에서Dev

NSIS 설치 프로그램 이름이 올바르게 표시되지 않음

분류에서Dev

MongoDB 날짜 시간 값이 올바르게 저장되지 않음

Related 관련 기사

  1. 1

    모바일 장치에서 반응 형 열이 올바르게 표시되지 않음

  2. 2

    js.writeFile이 Blob을 올바르게 작성하지 않음

  3. 3

    백본 모델이 POST 저장에 대한 JSON 응답을 올바르게 수락하지 않음

  4. 4

    부트 스트랩 캐 러셀이 응답하지 않음 (Jquery가 올바르게 배치됨)

  5. 5

    방향 변경시 Sherlock 탭이 작동하지 않음

  6. 6

    HAL 라이브러리는 USB 및 CAN 주변 장치에서 올바르게 작동하지 않습니다.

  7. 7

    ajax 성공 응답에서 선택시 이벤트 변경을 올바르게 첨부하십시오.

  8. 8

    Chart.js-Ajax 응답이 허용되지 않음

  9. 9

    장소 및 위치가 올바르게 표시되지 않음

  10. 10

    backbone.js에서 여러 경로가 올바르게 작동하지 않음

  11. 11

    응용 프로그램이 올바르게 작동하지 않음 C #

  12. 12

    RewriteRule이 올바르게 다시 작성되지 않음

  13. 13

    9 패치 png가 배경에 대해 올바르게 작동하지 않음

  14. 14

    Angular JS ng-repeat가 데이터를 올바르게 표시하지 않음

  15. 15

    Apache URL 재 작성이 올바르게 작동하지 않음

  16. 16

    htaccess가 URL을 올바르게 다시 작성하지 않음

  17. 17

    AvalonDock이 LayoutRoot 방향을 올바르게 역 직렬화하지 않음

  18. 18

    Rails-Pundit-해결 방법이 올바르게 작동하지 않음

  19. 19

    ios7 상태 표시 줄이 올바르게 작동하지 않음

  20. 20

    토큰 캡처 시퀀스 Python이 올바르게 작동하지 않음

  21. 21

    토큰 캡처 시퀀스 Python이 올바르게 작동하지 않음

  22. 22

    Gatsby JS URL 경로가 올바르게 업데이트되지 않음

  23. 23

    두 번째 yAxes 값이 Chart.js로 올바르게 차트 화되지 않음

  24. 24

    Postgresql이 시간대를 올바르게 변환하지 않음

  25. 25

    Android : 스위치 컨트롤이 삼성 장치에서 올바르게 표시되지 않습니다.

  26. 26

    반응 양식 입력 값이 올바르게 표시되지 않음

  27. 27

    ListView의 SeekBar가 onStartTrackingTouch에 올바르게 응답하지 않음

  28. 28

    NSIS 설치 프로그램 이름이 올바르게 표시되지 않음

  29. 29

    MongoDB 날짜 시간 값이 올바르게 저장되지 않음

뜨겁다태그

보관