Notice
반응형
Recent Posts
250x250
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- createBro
- 붙여넣기방지
- php version
- googleChart
- jsp
- js
- npm
- html
- 응용SW
- CSS
- 이론
- Eclipse
- 이미지용량제한
- input
- 병행프로세스와 상호배제
- Oracle
- SCIPRT
- react
- SQL
- googleCharts
- 정처산기
- java
- IntelliJ
- node
- script
- 책추천
- 이클립스
- TSX
- txs
- BREW
Archives
- Today
- Total
목록googleChart (2)
반응형
개발하자
[SCRIPT] 구글차트 파이차트 (반원)
안녕하세요. 오늘은 구글차트를 활용하여 파이차트를 만들었습니다 기본적인 파이차트도 있지만 반원으로도 만들 수 있습니다. 간단하게 전체 데이터의 합계를 1개 더 조회해서 가져오는 것인데요 DB에서 데이터를 가져올때 각 데이터 합계, 각 데이터 총합계 이렇게 들고 오면 가능합니다. 예를 들어서 오렌지 20, 사과 30의 데이터가 있다면 안보일 데이터 50을 가져오는 것이지요 | 오렌지 20 / 사과 30 / 반원으로 사용될 데이터 50 예제 데이터 가져오는 쿼리 (가독성이 떨어지는 쿼리이지만 느리거나 문제가 되진 않습니다.) '무'라고 되어있는 데이터가 전체 데이터 합계입니다.(안보이는 반원) select A.* from ( select '매우불만족' as grade, ifnull(round(avg(OVAL..
TECH STACKS/JSP︲HTML ︲CSS ︲SCRIPT
2023. 12. 15. 10:12
[SCRIPT] 구글차트 툴팁 깜빡임 해결
구글 차트를 만들고 그래프에 마우스를 올리면 툴팁이 나타납니다. 툴팁과 그래프가 맞닿는 부분에 마우스 커서가 있다면 툴팁이 깜빡이는 현상을 볼 수 있는데요 이 부분은 css로 해결 가능합니다! svg > g > g:last-child { pointer-events: none } 위 소스를 css에 넣어주기만 하세요 공부하면서 유용했던 부분 메모겸 공유하고자 끄적입니다. 고쳐야하는 부분있다면 댓글 남겨주시면 수정하겠습니다. 행복한 하루 보내세요 (❁´◡`❁)
TECH STACKS/JSP︲HTML ︲CSS ︲SCRIPT
2023. 12. 13. 16:25