HOME
물생활
일상생활
개발

하이차트 2

javascript ) highcharts.js 차트 스타일 수정

javascript ) highcharts.js로 도넛 그래프 그리기 javascript ) 차트 라이브러리 추천 예전에나 지금이나 차트를 표시해줘야 할 때는 c3.js를 잘 이용하고 있다. 근데 사용하다보니 디자인이 좀 질려서.. 직접 커스텀 하기는 또 귀찮고 다른 차트 라이 vivacolor96.tistory.com 앞전에 하이차트 라이브러리를 사용해서 도넛 차트를 만들었다. 기본 스타일이 마음에 들지 않아서 하이차트 자체에서 지원하는 옵션으로 차트 섹션 간 공백, border-radius, 데이터라벨 위치 등 스타일의 수정에 공을 들였지만 여전히 마음에 차지 않는다. 가장 마음에 안 드는건 차트 섹션 마우스 오버 효과와 데이터라벨의 흰색 텍스트 스트로크. 그 외에도 차트의 섹션을 클릭했을 때 나오는..

개발/Javascript 2024.02.13

javascript ) highcharts.js로 도넛 그래프 그리기

javascript ) 차트 라이브러리 추천 예전에나 지금이나 차트를 표시해줘야 할 때는 c3.js를 잘 이용하고 있다. 근데 사용하다보니 디자인이 좀 질려서.. 직접 커스텀 하기는 또 귀찮고 다른 차트 라이브러리는 어떤게 있는지 좀 찾아 vivacolor96.tistory.com 여러 차트 라이브러리 중 내가 주로 사용하던건 c3 차트 라이브러리였는데, highcharts 라이브러리를 사용해보게 되었다. 사용 방법은 c3.js와 별로 다르지 않았다. highcharts.js 사용하기 CDN으로 불러오기 1 cs 사이에 넣어준다. CSS를 따로 불러오지 않고, js만 cdn으로 불러와도 잘 작동했다. 아래는 하이차트의 깃허브 링크 GitHub - highcharts/highcharts: Highchart..

개발/Javascript 2024.02.12