개발하자

안녕하세요. 오늘은 구글차트를 활용하여 파이차트를 만들었습니다 기본적인 파이차트도 있지만 반원으로도 만들 수 있습니다. 간단하게 전체 데이터의 합계를 1개 더 조회해서 가져오는 것인데요 DB에서 데이터를 가져올때 각 데이터 합계, 각 데이터 총합계 이렇게 들고 오면 가능합니다. 예를 들어서 오렌지 20, 사과 30의 데이터가 있다면 안보일 데이터 50을 가져오는 것이지요 | 오렌지 20 / 사과 30 / 반원으로 사용될 데이터 50 예제 데이터 가져오는 쿼리 (가독성이 떨어지는 쿼리이지만 느리거나 문제가 되진 않습니다.) '무'라고 되어있는 데이터가 전체 데이터 합계입니다.(안보이는 반원) select A.* from ( select '매우불만족' as grade, ifnull(round(avg(OVAL..

구글 차트를 만들고 그래프에 마우스를 올리면 툴팁이 나타납니다. 툴팁과 그래프가 맞닿는 부분에 마우스 커서가 있다면 툴팁이 깜빡이는 현상을 볼 수 있는데요 이 부분은 css로 해결 가능합니다! svg > g > g:last-child { pointer-events: none } 위 소스를 css에 넣어주기만 하세요 공부하면서 유용했던 부분 메모겸 공유하고자 끄적입니다. 고쳐야하는 부분있다면 댓글 남겨주시면 수정하겠습니다. 행복한 하루 보내세요 (❁´◡`❁)