>

chartWidth 및 chartHeight 속성을 사용하여 차트로드 이벤트에서 차트의 오른쪽 하단에 이미지를 추가하여 왼쪽/상단 오프셋을 계산합니다.

chart.renderer.image('img.png', left, top, 30, 30).add();

브라우저 창의 크기를 조정하면 차트의 크기도 조정되지만 이미지는 위에서 설정 한 위치에 고정됩니다. 차트의 너비가 줄어들면 새 차트 너비를 기준으로 이미지의 위치를 ​​조정하고 싶습니다.

일부 자바 스크립트를 사용하여 요소를 이동할 수 있습니까? 아니면 제거하고 새 위치로 위의 호출을 다시해야합니까?

  • 답변 # 1

    크기를 조정하지 않은 경우 이미지를 제거한 다음 차트의 크기를 조정 한 후 위치를 다시 계산하고 이미지를 다시 추가 하시겠습니까?

  • 답변 # 2

    차트의 원래 너비에 대한 참조를 저장했습니다. 그리고 이미지. 그런 다음 크기를 조정할 때 두 너비의 오프셋만큼 이미지를 이동합니다-

    var img, originalWidth;
    function chartLoad(chart) {
      var top = 100, left = 100;
      originalWidth = chart.chartWidth;
      img = chart.renderer.image('img.png', left, top, 30, 30).add();
    }
    function chartResize(e) {
      var offset = e.target.chartWidth - originalWidth;
      img.translate(offset, 0);
    }
    
    

관련 자료

  • 이전 html - CSS 커서 사용자 정의
  • 다음 포트란 입/출력에서 ​​*의 목적은 무엇입니까