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

[3.0] chart - seriesName, Axis Label 이 길어질 경우 예외 처리 #852

Merged
merged 5 commits into from
Aug 5, 2021

Conversation

jhee564
Copy link
Collaborator

@jhee564 jhee564 commented Aug 4, 2021

이슈 내용

  1. label 혹은 series 명이 길어질 경우 화면 밖으로 나가는 현상 발생
    image

처리내용

  1. maxWidth / maxHeight 옵션 추가
  2. maxWidth을 기준으로 overflow되는 text를 위한 처리 옵션 ('wrap', 'ellipsis')
  3. scrollbar / use -> useScrollbar 으로 옵션명 변경
  4. 추가 / 수정된 옵션에 관한 내용 .md 파일 및 예제 코드에 추가

미리보기

image
image

- 축(Axis)에 위치할 Label이 길어질 경우 사용가능한 'labelStyle / fitWidth', 'labelStyle / fitDir' 에대한 설명이 누락되어있어 추가
- tooltip / scrollbar /use 옵션을 tooltip / useScrollbar 로 변경
- overflow되는 text를 위한 처리 옵션 추가 (textOverflow)
   - wrap: 줄바꿈 처리 (기본값)
   - ellipsis : 생략 기호
- maxWidth / maxHeight 옵션 추가
- 관련 설명 .md 파일에 추가
- tooltip / scrollbar /use 옵션을 tooltip / useScrollbar 로 변경
- overflow되는 text를 위한 처리 옵션 추가 (textOverflow)
   - wrap: 줄바꿈 처리 (기본값)
   - ellipsis : 생략 기호
- maxWidth / maxHeight 옵션 추가
- 관련 설명 .md 파일에 추가
docs/views/barChart/api/barChart.md Show resolved Hide resolved
docs/views/lineChart/example/Tooltip.vue Outdated Show resolved Hide resolved
@hongkyunlim hongkyunlim merged commit 2de5b76 into 3.0 Aug 5, 2021
@kdeun1 kdeun1 deleted the 850_3.0_chart_too_much_long_series_name branch January 11, 2022 07:35
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.

3 participants