NGMsoftware

NGMsoftware
로그인 회원가입
  • 매뉴얼
  • 학습
  • 매뉴얼

    학습


    Web Plotly Chart 확대 축소 방법. (시리즈: Serise, 축: Axis)

    페이지 정보

    본문

    웹 프로젝트에서 무료로 사용하기 좋은 Plotly Chart가 있습니다. 아마도 대부분의 프로젝트에서 Ag Grid와 Plotly Chart를 이용해서 진행할텐데요. 차트의 경우 시리즈(Serise)를 확대 축소할 수 있는 기능이 기본 제공됩니다. 그런데~ 기존에 사용하던 차트들은 좌측 상단에서 우측 하단으로 드래그하면 확대가 되고, 우측 하단에서 좌측 상단으로 드래그하면 축소가 됩니다. Plotly Chart는 확대는 동일하지만, 축소는 더블 클릭으로 동작합니다. 몇개월전에 사용하던 기능인데도... 다시 사용하려니 까먹어서 글로 작성 해둡니다~

    I7I5z8Y.gif

     

     

    모서리에서 드래그하면 축을 따라서 확대 및 축소가 가능합니다.

    mjRqRAo.gif

     

     

    확대하는 경우 축을 이동하면서 데이타를 확인할수도 있습니다.

    xW3hljw.gif

     

     

    무료임에도 막강한 기능들을 제공하고 있어서 많이 사용합니다. 새로운 웹프로젝트를 진행한다면 Ag Grid와 Plotly Chart를 도입해보는것도 좋을거 같아요. 각각의 홈페이지에 JavaScript, React, Angular 별로 도움말이 잘 되어 있어서 누구나 쉽게 사용할 수 있습니다. 확실히 도움말이 잘 되어 있어야 사용하기 편한거 같아요^^

     

    개발자에게 후원하기

    MGtdv7r.png

     

    추천, 구독, 홍보 꼭~ 부탁드립니다.

    여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

    감사합니다~

    • 네이버 공유하기
    • 페이스북 공유하기
    • 트위터 공유하기
    • 카카오스토리 공유하기
    추천0 비추천0

    댓글목록

    등록된 댓글이 없습니다.