HOME
물생활
일상생활
개발

highCharts 3

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

javascript ) 차트 라이브러리 추천

예전에나 지금이나 차트를 표시해줘야 할 때는 c3.js를 잘 이용하고 있다. 근데 사용하다보니 디자인이 좀 질려서.. 직접 커스텀 하기는 또 귀찮고 다른 차트 라이브러리는 어떤게 있는지 좀 찾아봤다. 1. c3.js C3.js | D3-based reusable chart library Comfortable C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. Customizable C3 gives some classes to each element when generating, so you can..

개발/Javascript 2023.12.12