난 즐거워... 개발이...

  • 홈

apace echarts 1

[echarts] Apache Echarts 원하는 데이터 포인트만 UI 변경하기

Line chart 같은 걸 그리다 보면 특정한 symbol 과 같이 원하는 데이터만 chart UI를 변경해야 하는 경우가 생긴다. React + Typescript 에서 해당 경우를 처리하는 방법이다. // data에서 내가 강조하고 싶은 point의 index const nowIndex = 0 // chart option의 series를 예로 든다. series: [ { name: "Line Chart", type: "line", data: props.data, symbolSize: function (value: number, params: any) { // 클릭한 데이터의 심볼 크기 설정 // 강조하고 싶은 index랑 동일하다면 10으로 기존 크기 6보다 좀 더 크게 return params.d..

Frontend/Apache Echarts 2023.09.22
이전
1
다음
더보기
프로필사진

난 즐거워... 개발이...

강아지 발 아니고 개발입니다.

  • 분류 전체보기 (20)
    • 알고리즘 (11)
      • 백준 (9)
      • SW Expert Academy (2)
    • Frontend (9)
      • React (0)
      • Javascript & Typescript (0)
      • CSS & SCSS & SASS (1)
      • Apache Echarts (4)
      • React-slick (2)
      • Recoil (1)
      • react-window (1)

Tag

px2em, Carousel, apace echarts, slick-slider, line chart, echarts, 대규모 데이터, apache, react-slick, react, echart, useEffect, react-virtualized, Chart, react-window, selectorFamily, react-slick-slider, px2rem, Apache Echarts, TypeScript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바