Highcharts로 히트 맵 크기 조정 후 데이터 레이블 위치 업데이트

Jef

창 크기를 조정 한 후 히트 맵에서 데이터 레이블의 위치에 어려움을 겪고 있습니다.

지도를 정사각형으로 유지하는 것이 중요하기 때문에 창 크기를 조정할 때 호출되는 함수를 만들었습니다.

$(window).resize(function() {
    width = $("#container").width();
    height = width;
    chart.setSize(width, height, doAnimation = true);
});

차트의 크기는 잘 조정되지만 데이터 레이블은 위치를 변경하지 않습니다.

문제를 보여주기 위해 JSFiddle만들었습니다 .

도움을 주시면 감사하겠습니다!

Paweł Fus

이전 버전의 히트 맵을 사용하고 있습니다. 최신 버전을 사용해보십시오. http://jsfiddle.net/9ExnF/를 참조하십시오.

 <script src="http://code.highcharts.com/highcharts.js"></script>
 <script src="http://code.highcharts.com/modules/heatmap.js"></script>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

KineticJs- 스테이지 레이어 크기를 조정 한 후 여러 이미지의 x 및 y 위치를 업데이트하는 방법

분류에서Dev

Google 히트 맵 레이어를 동적으로 업데이트

분류에서Dev

데이터 파일로 정렬 된 R 히트 맵 ggplot2

분류에서Dev

Highcharts-창 크기 조정시 여백 업데이트

분류에서Dev

Postgresql-특정 데이터로 업데이트 한 후 다른 테이블을 업데이트하는 방법

분류에서Dev

위치를 기반으로 데이터베이스 및 쿼리 업데이트

분류에서Dev

조치 후 Ember 업데이트 모델

분류에서Dev

데이터로드 후 ReactNative ListView 설정 초기 스크롤 위치

분류에서Dev

맵 박스로 3D 모델 위치 위치 업데이트

분류에서Dev

python pandas 데이터 프레임의 히트 맵 해시 태그 및 위치

분류에서Dev

오버레이 된 드로어 블 아이콘을 비트 맵의 중앙에 배치하고 크기를 조정하는 방법

분류에서Dev

UseEffect 후크로 className 업데이트

분류에서Dev

threejs에서 렌더링 후 정점 위치 업데이트

분류에서Dev

데이터 프레임의 히트 맵 플로팅

분류에서Dev

데이터 프레임의 히트 맵 플로팅

분류에서Dev

화면 크기 조정 후 Konva 이벤트 위치가 잘못됨

분류에서Dev

XCode 8로 업데이트 한 후 잘못된보기 크기

분류에서Dev

데이터가 데이터베이스와 정확히 일치하는 경우 Mysqli 업데이트 데이터

분류에서Dev

업데이트 후 트리거-업데이트 된 데이터 가져 오기

분류에서Dev

X 초마다 mysql 데이터로 Google Java 맵 업데이트

분류에서Dev

상태 업데이트와 API 데이터를 후크로 리 펙트하기위한 호출을 연결하려면 어떻게해야합니까?

분류에서Dev

동적 업데이트 후 HTML 테이블 위치 유지

분류에서Dev

앱 업데이트 후 공유 기본 설정에서 데이터를로드 할 수 없습니다.

분류에서Dev

메타 데이터 위치로 속성 업데이트

분류에서Dev

다른 크기의 numpy 배열로 저장된 XYZ 데이터에서 seaborn 히트 맵 플로팅

분류에서Dev

파이썬의 특정 범위로 데이터 크기 조정

분류에서Dev

Firebase 데이터보기 : DOM 업데이트 후 작업 실행

분류에서Dev

테이블 데이터가 업데이트 된 후 jQuery DataTable 정렬이 업데이트되지 않음

분류에서Dev

테이블 데이터가 업데이트 된 후 jQuery DataTable 정렬이 업데이트되지 않음

Related 관련 기사

  1. 1

    KineticJs- 스테이지 레이어 크기를 조정 한 후 여러 이미지의 x 및 y 위치를 업데이트하는 방법

  2. 2

    Google 히트 맵 레이어를 동적으로 업데이트

  3. 3

    데이터 파일로 정렬 된 R 히트 맵 ggplot2

  4. 4

    Highcharts-창 크기 조정시 여백 업데이트

  5. 5

    Postgresql-특정 데이터로 업데이트 한 후 다른 테이블을 업데이트하는 방법

  6. 6

    위치를 기반으로 데이터베이스 및 쿼리 업데이트

  7. 7

    조치 후 Ember 업데이트 모델

  8. 8

    데이터로드 후 ReactNative ListView 설정 초기 스크롤 위치

  9. 9

    맵 박스로 3D 모델 위치 위치 업데이트

  10. 10

    python pandas 데이터 프레임의 히트 맵 해시 태그 및 위치

  11. 11

    오버레이 된 드로어 블 아이콘을 비트 맵의 중앙에 배치하고 크기를 조정하는 방법

  12. 12

    UseEffect 후크로 className 업데이트

  13. 13

    threejs에서 렌더링 후 정점 위치 업데이트

  14. 14

    데이터 프레임의 히트 맵 플로팅

  15. 15

    데이터 프레임의 히트 맵 플로팅

  16. 16

    화면 크기 조정 후 Konva 이벤트 위치가 잘못됨

  17. 17

    XCode 8로 업데이트 한 후 잘못된보기 크기

  18. 18

    데이터가 데이터베이스와 정확히 일치하는 경우 Mysqli 업데이트 데이터

  19. 19

    업데이트 후 트리거-업데이트 된 데이터 가져 오기

  20. 20

    X 초마다 mysql 데이터로 Google Java 맵 업데이트

  21. 21

    상태 업데이트와 API 데이터를 후크로 리 펙트하기위한 호출을 연결하려면 어떻게해야합니까?

  22. 22

    동적 업데이트 후 HTML 테이블 위치 유지

  23. 23

    앱 업데이트 후 공유 기본 설정에서 데이터를로드 할 수 없습니다.

  24. 24

    메타 데이터 위치로 속성 업데이트

  25. 25

    다른 크기의 numpy 배열로 저장된 XYZ 데이터에서 seaborn 히트 맵 플로팅

  26. 26

    파이썬의 특정 범위로 데이터 크기 조정

  27. 27

    Firebase 데이터보기 : DOM 업데이트 후 작업 실행

  28. 28

    테이블 데이터가 업데이트 된 후 jQuery DataTable 정렬이 업데이트되지 않음

  29. 29

    테이블 데이터가 업데이트 된 후 jQuery DataTable 정렬이 업데이트되지 않음

뜨겁다태그

보관