Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[#920] [3.0] Line Chart Drag select 이벤트 추가 #921

Merged
merged 3 commits into from
Oct 21, 2021

Conversation

jhee564
Copy link
Collaborator

@jhee564 jhee564 commented Oct 21, 2021

개요

Scatter chart에만 있었던 Drag select 기능을 Line Chart에도 추가하였습니다.

@drag-select 로 이벤트를 등록할 수 있으며 선택된 영역내에 있는 데이터 (data) 와 선택된 영역의 범위(range)가 전달됩니다.

작업내용

  1. DragSelection.vue 파일에 Sample Code 추가
  2. Event.vue 파일 버그 픽스
    • X축의 CategoryMode 옵션 제거
    • 클릭된 label값을 화면에 표시하는 과정에서 timezone이 맞지 않는 현상이 있어 string으로 변환하는 로직 추가
  3. lineChart에 드래그 범위에 해당하는 데이터들을 반환하는 로직(findItems)추가
  4. Darg한 영역을 표시하는 로직에 line타입 조건 분기
  5. dragSelection 옵션의 use 값 기본 false로 변경
  6. lineChart.md파일에 dragSelection 관련 정보 추가

사용예시

dragselection

@kdeun1 kdeun1 merged commit 071fef3 into 3.0 Oct 21, 2021
@kdeun1 kdeun1 deleted the 920_3.0_chart_add_drag_selection_at_line_chart branch October 21, 2021 05:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants