! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

LineChart drawRect와 그래프 확대축소 함께 적용 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS LineChart drawRect와 그래프 확대축소 함께 적용

페이지 정보

작성자 셔니 작성일 2021-06-28 10:42 조회 3,859회 댓글 0건
제품 버전 : wijmo
컨트롤 이름 : LineChart drawRect FlexChartGestures

본문

Line 차트에 FlexChartGestures를 이용하여 확대 축소를 적용한 뒤, engine.drawRect로 사각형 영역을 그려 적용한 화면입니다.

스크롤 및 드래그를 통해 화면을 확대축소 할 경우 두번째 이미지 처럼 그려넣은 영역이 그래프 이상으로 넘어가는 경우가 발생합니다. css를 이용해서 적용시켜야 할것 같은데, 어느 부분을 수정해야 하는지 도통 모르겠습니다ㅠㅠ



 

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: LineChart drawRect와 그래프 확대축소 함께 적용

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2021-06-30 14:07 댓글 0건

본문

안녕하세요 그레이프시티입니다.


문의 주신 plotArea에 background-color를 지정하기 위해서는 아래 코드 스니펫에 나온 것과 같이 .wj-plot-area 클래스 아래 rect 요소의 fill 속성에 색상을 설정하시면 됩니다.


.wj-plot-area > rect{
    fill:#fd7373;
}


더불어, Wijmo FlexChart 스타일링 도움말 문서도 같이 전달 드리오니 참고 부탁 드립니다.

Styling & CSS : https://demo.grapecity.co.kr/wijmo/docs/Topics/Chart/Basic/Styling-CSS 


다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.


감사합니다. 

그레이프시티 드림 


* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.


댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.