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.

Sign up for GitHub

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

Jump to bottom

Chart > Brush 기능 #1268

Closed
Mun94 opened this issue Aug 19, 2022 · 0 comments
Closed

Chart > Brush 기능 #1268

Mun94 opened this issue Aug 19, 2022 · 0 comments

Comments

@Mun94
Copy link
Collaborator

Mun94 commented Aug 19, 2022

click up : https://app.clickup.com/t/2tteg29
@Mun94 Mun94 assigned Mun94 and unassigned Mun94 Aug 19, 2022
Mun94 added a commit that referenced this issue Sep 5, 2022
@Mun94
[#1268] Chart > Brush
939ca0b 
######################################
 - ev-chart-brush 컴포넌트 생성
 - ev-chart-brush의 show option으로 브러쉬 추가/제거
 - brushIdx를 이용하여 변경되는 zoomStartIdx와 zoomEndIdx를 브러쉬에 표시
Mun94 added a commit that referenced this issue Sep 5, 2022
@Mun94
[#1268] Chart > Brush
c1e2209 
######################################
 - ev-chart-brush 컴포넌트 생성
 - ev-chart-brush의 show option으로 브러쉬 추가/제거
 - brushIdx를 이용하여 변경되는 zoomStartIdx와 zoomEndIdx를 브러쉬에 표시
Mun94 added a commit that referenced this issue Sep 7, 2022
@Mun94
[#1268] Chart > Custom Indicator
cb98f0b 
######################################
 - 사용자 정의가 가능한 Indicator 추가
 - ev-chart 또는 ev-chart-group에 custom-indicator(idx: number, val: number(default는 idx 위치의 최고값)) props 추가로 사용 가능
Mun94 added a commit that referenced this issue Sep 7, 2022
@Mun94
[#1268] Chart > Brush + Custom Indicator
96f0492 
######################################
 - Brush에 Custom Indicator 표시
 - 사용자 정의가 가능한 Indicator 추가
 - ev-chart 또는 ev-chart-group에 custom-indicator(idx: number, val: number(default는 idx 위치의 최고값)) props 추가로 사용 가능
Mun94 added a commit that referenced this issue Sep 7, 2022
@Mun94
[#1268] Chart > Brush + Custom Indicator
7ca42aa 
######################################
 - merge Custom Indicator
Mun94 added a commit that referenced this issue Sep 8, 2022
@Mun94
[#1268] Chart > Brush 기능
ee3e3df 
######################################
 - ev-chart-brush 컴포넌트 생성
 - ev-chart-brush의 show option으로 브러쉬 추가/제거
 - brushIdx를 이용하여 변경되는 zoomStartIdx와 zoomEndIdx를 브러쉬에 표시
Mun94 added a commit that referenced this issue Sep 12, 2022
@Mun94
[#1268] Chart > Brush 기능
fc99b3d 
######################################
 - brush로 zoom 영역을 넓히거나 좁히는 기능
Mun94 added a commit that referenced this issue Sep 12, 2022
@Mun94
[#1268] Chart > Brush 기능
263cbd5 
######################################
 - brush로 zoom 영역을 넓히거나 좁히는 기능
Mun94 added a commit that referenced this issue Sep 12, 2022
@Mun94
[#1268] Chart > Brush 기능
4d3be27 
######################################
 - brush로 zoom 영역을 넓히거나 좁히는 기능
Mun94 added a commit that referenced this issue Sep 14, 2022
@Mun94
[#1268] Chart > Brush 기능
c39fd06 
######################################
 - zoom 영역을 고정하여 움직이는 기능
Mun94 added a commit that referenced this issue Sep 15, 2022
@Mun94
[#1268] Chart > Brush 기능
633ab25 
######################################
 - BrushChart 메뉴 생성 및 예시 추가
Mun94 added a commit that referenced this issue Sep 15, 2022
@Mun94
[#1268] Chart > Brush 기능
fcdf921 
######################################
 - BrushChart 메뉴 생성 및 예시 추가
Mun94 added a commit that referenced this issue Sep 15, 2022
@Mun94
[#1268] Chart > Brush 기능
f9967ff 
######################################
 - BrushChart 메뉴 생성 및 예시 추가
Mun94 added a commit that referenced this issue Sep 15, 2022
@Mun94
[#1268] Chart > Brush 기능
d383faf 
######################################
 - BrushChart 메뉴 생성 및 예시 추가
Mun94 added a commit that referenced this issue Sep 15, 2022
@Mun94
[#1268] Chart > Brush 기능
023777b 
######################################
 - BrushChart 메뉴 생성 및 예시 추가
Mun94 added a commit that referenced this issue Sep 15, 2022
@Mun94
[#1268] Chart > Brush 기능
c8a39b2 
######################################
 - BrushChart 메뉴 생성 및 예시 추가
Mun94 added a commit that referenced this issue Sep 15, 2022
@Mun94
[#1268] Chart > Brush 기능
cf6116d 
######################################
 - 파일 이름 변경
Mun94 added a commit that referenced this issue Sep 16, 2022
@Mun94
[#1268] Chart > Brush 기능
9e0fb63 
######################################
 - Zoom 모드와 상관없이 Brush 사용 가능하도록 수정
 - 설명란 이벤트 버튼들을 ev-toggle로 수정
 - evChart resize 함수의 parameter 타입 및 용도 정의
Mun94 added a commit that referenced this issue Sep 21, 2022
@Mun94
[#1268] Chart > Brush 기능
c72ee8a 
######################################
 - useDebounce 옵션을 이용하여 true(Default)이면 조절 된 Brush 영역의 마지막을 가지고 차트가 업데이트 되고(true에서 wheel을 이용한 Brush 영역 이동 시 마지막 wheel 이벤트 발생 후 100ms에 후에 차트가 업데이트 됨) false이면 Brush 영역 조절과 동시에 차트가 업데이트 되도록 수정.
 - mouse drag 를 이용한 Brush 영역 이동, Brush 영역 외 영역을 클릭 시 Teleport이 가능하도록 추가
 - brush 차트에는 기본 차트 모양만 그려지도록 수정 (overlayCanvas를 사용하지 않고, Tooltip, Interaction, Tip, Legend, Title를 사용하지 않음)
Mun94 added a commit that referenced this issue Sep 21, 2022
@Mun94
[#1268] Chart > Brush 기능
c85064a 
######################################
 - useDebounce 옵션을 이용하여 true(Default)이면 조절 된 Brush 영역의 마지막을 가지고 차트가 업데이트 되고(true에서 wheel을 이용한 Brush 영역 이동 시 마지막 wheel 이벤트 발생 후 100ms에 후에 차트가 업데이트 됨) false이면 Brush 영역 조절과 동시에 차트가 업데이트 되도록 수정.
 - mouse drag 를 이용한 Brush 영역 이동, Brush 영역 외 영역을 클릭 시 Teleport이 가능하도록 추가
 - brush 차트에는 기본 차트 모양만 그려지도록 수정 (overlayCanvas를 사용하지 않고, Tooltip, Interaction, Tip, Legend, Title를 사용하지 않음)
Mun94 added a commit that referenced this issue Sep 21, 2022
@Mun94
[#1268] Chart > Brush 기능
592995f 
######################################
 - useDebounce 옵션을 이용하여 true(Default)이면 조절 된 Brush 영역의 마지막을 가지고 차트가 업데이트 되고(true에서 wheel을 이용한 Brush 영역 이동 시 마지막 wheel 이벤트 발생 후 100ms에 후에 차트가 업데이트 됨) false이면 Brush 영역 조절과 동시에 차트가 업데이트 되도록 수정.
 - wheel 뿐만 아니라 mouse drag 를 이용한 Brush 영역 이동, Brush 영역 외 영역을 클릭 시 Teleport로 브러시 영역 이동이 가능하도록 추가
 - brush 차트에는 기본 차트 모양만 그려지도록 수정 (overlayCanvas를 사용하지 않고, Tooltip, Interaction, Tip, Legend, Title를 사용하지 않음)
Mun94 added a commit that referenced this issue Sep 21, 2022
@Mun94
[#1268] Chart > Brush 기능
c5404ca 
######################################
 - JSDocs 추가
Mun94 added a commit that referenced this issue Sep 21, 2022
@Mun94
[#1268] Chart > Brush 기능
eb8d919 
######################################
 - JSDocs 추가
Mun94 added a commit that referenced this issue Sep 21, 2022
@Mun94
[#1268] Chart > Brush 기능
2c6e80e 
######################################
 - JSDocs 추가
Mun94 added a commit that referenced this issue Sep 21, 2022
@Mun94
[#1268] Chart > Brush 기능
d252db3 
######################################
 - JSDocs 추가
Mun94 added a commit that referenced this issue Sep 21, 2022
@Mun94
[#1268] Chart > Brush 기능
3b547d7 
######################################
 - brush에서는 series point 보여지지 않도록 수정 (좁은 영역에 point 까지 있으면 흐름 화인에 어려움이 있음)
Mun94 added a commit that referenced this issue Sep 21, 2022
@Mun94
[#1268] Chart > Brush 기능
ec1b069 
######################################
1. useDebounce 옵션 추가
 - useDebounce 옵션을 이용하여 true(Default)이면 조절 된 Brush 영역의 마지막을 가지고 차트가 업데이트 되고(true에서 wheel을 이용한 Brush 영역 이동 시 마지막 wheel 이벤트 발생 후 100ms에 후에 차트가 업데이트 됨)
 - false이면 Brush 영역 조절과 동시에 차트가 업데이트 되도록 수정.

2. brush 영역 이동 이벤트 추가
 - wheel 뿐만 아니라 mouse drag 를 이용한 Brush 영역 이동
 - Brush 영역 외 영역을 클릭 시 해당 영역으로 순간 이동이 가능하도록 추가.

3. 기타
 - brush 차트에는 기본 차트 모양만 그려지도록 수정. (overlayCanvas를 사용하지 않고, Tooltip, Interaction, Tip, Legend, Title를 사용하지 않음)
 - brush에서는 series point 보여지지 않도록 수정 (좁은 영역에 point 까지 있으면 흐름 화인에 어려움이 있음)
 - JSDocs 추가.
Mun94 added a commit that referenced this issue Sep 21, 2022
@Mun94
[#1268] Chart > Brush 기능
953ecd0 
######################################
1. useDebounce 옵션 추가
 - useDebounce 옵션을 이용하여 true(Default)이면 조절 된 Brush 영역의 마지막을 가지고 차트가 업데이트 되고(true에서 wheel을 이용한 Brush 영역 이동 시 마지막 wheel 이벤트 발생 후 100ms에 후에 차트가 업데이트 됨)
 - false이면 Brush 영역 조절과 동시에 차트가 업데이트 되도록 수정.

2. brush 영역 이동 이벤트 추가
 - wheel 뿐만 아니라 mouse drag 를 이용한 Brush 영역 이동
 - Brush 영역 외 영역을 클릭 시 해당 영역으로 순간 이동이 가능하도록 추가.

3. 기타
 - brush 차트에는 기본 차트 모양만 그려지도록 수정. (overlayCanvas를 사용하지 않고, Tooltip, Interaction, Tip, Legend, Title를 사용하지 않음)
 - brush에서는 series point 보여지지 않도록 수정 (좁은 영역에 point 까지 있으면 흐름 확인에 어려움이 있음)
 - JSDocs 추가.
Mun94 added a commit that referenced this issue Sep 22, 2022
@Mun94
[#1268] Chart > Brush 기능
824b702 
#############################
테스트 작업
Mun94 added a commit that referenced this issue Sep 27, 2022
@Mun94
[#1268] Chart > Brush 기능
fcc1d50 
######################################
1. 레전드 영역 시리즈 선택 시 brush 차트에도 선택 된 시리즈만 보이도록 수정
Mun94 added a commit that referenced this issue Sep 27, 2022
@Mun94
[#1268] Chart > Brush 기능
ed2b2bf 
######################################
1. 레전드 영역 시리즈 선택 시 brush 차트에도 선택 된 시리즈만 보이도록 수정
Mun94 added a commit that referenced this issue Sep 27, 2022
@Mun94
[#1268] Chart > Brush 기능
91bbac3 
######################################
1. 브러시 차트에서의 마우스 커서 모양 변경 (
  내부에 있을 경우 grab,
  버튼 영역에 있을 경우 ew-resize,
  외부에 있을 경우 pointer
)
Mun94 added a commit that referenced this issue Sep 29, 2022
@Mun94
[#1268] Chart > Brush 기능
ce54f15 
######################################
1. 브러시 차트에서의 마우스 커서 모양 변경 (
  내부에 있을 경우 grab,
  버튼 영역에 있을 경우 ew-resize,
  외부에 있을 경우 pointer
)
Mun94 added a commit that referenced this issue Sep 29, 2022
@Mun94
[#1268] Chart > Brush 기능
65cb6a0 
######################################
 - 브러시 영역 selection 옵션으로 fillColor (브러쉬 색상 설정), opacity (브러쉬 투명도 설정) 설정 가능하도록 수정
Mun94 added a commit that referenced this issue Sep 29, 2022
@Mun94
[#1268] Chart > Brush 기능
0437279 
######################################
 - merge 3.0
Mun94 added a commit that referenced this issue Oct 6, 2022
@Mun94
[#1268] Chart > Indicator test selectedItem
af39987
Mun94 added a commit that referenced this issue Oct 6, 2022
@Mun94
[#1268] Chart > Indicator test selectedItem
bc64bd7
jhee564 pushed a commit that referenced this issue Oct 11, 2022
@Mun94
[#1268] Chart > Brush 기능 (#1282)
98c65fb 
* [#1268] Chart > Brush 기능
######################################
 - ev-chart-brush 컴포넌트 생성
 - ev-chart-brush의 show option으로 브러쉬 추가/제거
 - brushIdx를 이용하여 변경되는 zoomStartIdx와 zoomEndIdx를 브러쉬에 표시

* [#1268] Chart > Brush 기능
######################################
 - brush로 zoom 영역을 넓히거나 좁히는 기능

* [#1268] Chart > Brush 기능
######################################
 - zoom 영역을 고정하여 움직이는 기능

* [#1268] Chart > Brush 기능
######################################
 - BrushChart 메뉴 생성 및 예시 추가

* [#1268] Chart > Brush 기능
######################################
 - 파일 이름 변경

* [#1268] Chart > Brush 기능
######################################
 - Zoom 모드와 상관없이 Brush 사용 가능하도록 수정
 - 설명란 이벤트 버튼들을 ev-toggle로 수정
 - evChart resize 함수의 parameter 타입 및 용도 정의

* [#1268] Chart > Brush 기능
######################################
1. useDebounce 옵션 추가
 - useDebounce 옵션을 이용하여 true(Default)이면 조절 된 Brush 영역의 마지막을 가지고 차트가 업데이트 되고(true에서 wheel을 이용한 Brush 영역 이동 시 마지막 wheel 이벤트 발생 후 100ms에 후에 차트가 업데이트 됨)
 - false이면 Brush 영역 조절과 동시에 차트가 업데이트 되도록 수정.

2. brush 영역 이동 이벤트 추가
 - wheel 뿐만 아니라 mouse drag 를 이용한 Brush 영역 이동
 - Brush 영역 외 영역을 클릭 시 해당 영역으로 순간 이동이 가능하도록 추가.

3. 기타
 - brush 차트에는 기본 차트 모양만 그려지도록 수정. (overlayCanvas를 사용하지 않고, Tooltip, Interaction, Tip, Legend, Title를 사용하지 않음)
 - brush에서는 series point 보여지지 않도록 수정 (좁은 영역에 point 까지 있으면 흐름 확인에 어려움이 있음)
 - JSDocs 추가.

* [#1268] Chart > Brush 기능
######################################
1. 레전드 영역 시리즈 선택 시 brush 차트에도 선택 된 시리즈만 보이도록 수정

* [#1268] Chart > Brush 기능
######################################
1. 브러시 차트에서의 마우스 커서 모양 변경 (
  내부에 있을 경우 grab,
  버튼 영역에 있을 경우 ew-resize,
  외부에 있을 경우 pointer
)

* [#1268] Chart > Brush 기능
######################################
 - 브러시 영역 selection 옵션으로 fillColor (브러쉬 색상 설정), opacity (브러쉬 투명도 설정) 설정 가능하도록 수정
@Mun94 Mun94 closed this as completed Oct 25, 2022
@Mun94 Mun94 reopened this Nov 3, 2022
Mun94 added a commit that referenced this issue Nov 3, 2022
@Mun94
[#1268] Chart > Brush
0a745cf 
####################################
[이슈내용]
 - 데이터가 없으면 브러시 차트의 선택 영역을 그리는 canvas가 생성 되지 않고 onBeforeUnmount 과정에서 evChartBrushContainer가 undefined로 메서드를 체이닝시 타입에러가 발생하게 됨.

[수정내용]
 - 옵셔널체이닝 추가
Mun94 added a commit that referenced this issue Nov 3, 2022
@Mun94
[#1268] Chart > Brush
c24381a 
####################################
[이슈내용]
 - 데이터가 없으면 브러시 차트의 선택 영역을 그리는 canvas가 생성 되지 않고 onBeforeUnmount 과정에서 evChartBrushContainer가 undefined로 메서드를 체이닝시 타입에러가 발생하게 됨.

[수정내용]
 - evChartBrushContainer가 있는지 확인 후 로직 실행
jhee564 pushed a commit that referenced this issue Nov 4, 2022
@Mun94
[#1268] Chart > Brush (#1315)
fdcdf20 
* [#1268] Chart > Brush 기능
######################################
 - ev-chart-brush 컴포넌트 생성
 - ev-chart-brush의 show option으로 브러쉬 추가/제거
 - brushIdx를 이용하여 변경되는 zoomStartIdx와 zoomEndIdx를 브러쉬에 표시

* [#1268] Chart > Brush 기능
######################################
 - brush로 zoom 영역을 넓히거나 좁히는 기능

* [#1268] Chart > Brush 기능
######################################
 - zoom 영역을 고정하여 움직이는 기능

* [#1268] Chart > Brush 기능
######################################
 - BrushChart 메뉴 생성 및 예시 추가

* [#1268] Chart > Brush 기능
######################################
 - 파일 이름 변경

* [#1268] Chart > Brush 기능
######################################
 - Zoom 모드와 상관없이 Brush 사용 가능하도록 수정
 - 설명란 이벤트 버튼들을 ev-toggle로 수정
 - evChart resize 함수의 parameter 타입 및 용도 정의

* [#1268] Chart > Brush 기능
######################################
1. useDebounce 옵션 추가
 - useDebounce 옵션을 이용하여 true(Default)이면 조절 된 Brush 영역의 마지막을 가지고 차트가 업데이트 되고(true에서 wheel을 이용한 Brush 영역 이동 시 마지막 wheel 이벤트 발생 후 100ms에 후에 차트가 업데이트 됨)
 - false이면 Brush 영역 조절과 동시에 차트가 업데이트 되도록 수정.

2. brush 영역 이동 이벤트 추가
 - wheel 뿐만 아니라 mouse drag 를 이용한 Brush 영역 이동
 - Brush 영역 외 영역을 클릭 시 해당 영역으로 순간 이동이 가능하도록 추가.

3. 기타
 - brush 차트에는 기본 차트 모양만 그려지도록 수정. (overlayCanvas를 사용하지 않고, Tooltip, Interaction, Tip, Legend, Title를 사용하지 않음)
 - brush에서는 series point 보여지지 않도록 수정 (좁은 영역에 point 까지 있으면 흐름 확인에 어려움이 있음)
 - JSDocs 추가.

* [#1268] Chart > Brush 기능
######################################
1. 레전드 영역 시리즈 선택 시 brush 차트에도 선택 된 시리즈만 보이도록 수정

* [#1268] Chart > Brush 기능
######################################
1. 브러시 차트에서의 마우스 커서 모양 변경 (
  내부에 있을 경우 grab,
  버튼 영역에 있을 경우 ew-resize,
  외부에 있을 경우 pointer
)

* [#1268] Chart > Brush 기능
######################################
 - 브러시 영역 selection 옵션으로 fillColor (브러쉬 색상 설정), opacity (브러쉬 투명도 설정) 설정 가능하도록 수정

* [#1268] Chart > Brush
####################################
[이슈내용]
 - 데이터가 없으면 브러시 차트의 선택 영역을 그리는 canvas가 생성 되지 않고 onBeforeUnmount 과정에서 evChartBrushContainer가 undefined로 메서드를 체이닝시 타입에러가 발생하게 됨.

[수정내용]
 - evChartBrushContainer가 있는지 확인 후 로직 실행
@Mun94 Mun94 closed this as completed Nov 4, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Mun94