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

legendToggle 초기화방법 > Q&A | 토론

본문 바로가기

ReactJS legendToggle 초기화방법

페이지 정보

작성자 감자돌이 작성일 2022-08-18 21:32 조회 1,298회 댓글 0건
제품 버전 : Wijmo
컨트롤 이름 : legendToggle

본문

Legend Toggle 사용을 하고 다시 켜기가 귀찮아서  초기화 버튼을 하나 만들고 눌렀을때 전부다 다시 켜지게끔 하고싶은데요.. 

const [toggle] = useState(true)

               <Chart.FlexChart legendToggle={toggle} bindingX="country" palette={this.state.palette} itemsSource={this.state.data}>
                    <Chart.FlexChartSeries binding="2014" name="2014"></Chart.FlexChartSeries>
                    <Chart.FlexChartSeries binding="2015" name="2015"></Chart.FlexChartSeries>
                    <Chart.FlexChartSeries binding="2016" name="2016"></Chart.FlexChartSeries>
                </Chart.FlexChart>
초기화 방법이 있을까여..
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: legendToggle 초기화방법

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

페이지 정보

작성자 GCK다이애나 작성일 2022-08-19 16:59 댓글 0건

본문

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


문의 주신 내용에 대해 답변 드립니다.

차트 계열의 visibility 속성의 값을 'Visible'로 지정하여 숨겨진 계열을 표시 할 수 있습니다.

아래의 샘플을 참고해 보시기 바랍니다.

샘플은 다음과 같은 방법으로 구현되었습니다.

  1. FlexChart와 '초기화' 버튼을 생성합니다.
  2. 차트 생성 시 호출되는 initialized 이벤트를 차트에 chartInitialized 이름으로 지정합니다. 
  3. chartInitialized 이벤트 호출 시 전달되는 차트 인스턴스를 이용하여 차트의 계열들을 변수 series에 저장합니다.
  4. series를 이용해 차트의 모든 계열의 visibility 속성을 0으로 지정하는 이벤트 initializeLegend를 선언합니다.
    이때, 0은 visibility 속성의 값 중 'Visible'을 의미합니다.
  5. '초기화' 버튼의 onClick 이벤트를 initializeLegend로 지정합니다.


- FlexChart 계열(Series) 가시성 전환 도움말

- visibility API 문서

- SeriesVisibility API 문서


API 문서를 공유 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.


감사합니다


그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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