모바일 (3) 썸네일형 리스트형 chartjs-plugin-datalabels 그래프 모든 라벨 동시에 표시 CharJS 의 사용법과 옵션은 www.chartjs.org 에 가면 다 나옵니다.. 참고 바랍니다. ^^; 여기서 다룰 것은, chartjs 에서는 툴팁이 마우스 커서를 올려야(hover) 표시되는데.. 모바일 기기에서는 이게 안 되잖아요. 그러니 차트가 그려질 때, 숫자가 모두 보여져야 한다는 거구요. 이걸 해결하기 위해 chartjs 용 플러그인으로 datalabels 를 사용하는 겁니다. 일단 chartjs-plugin-datalabels.netlify.app 를 방문해서 참고하시고.. datalabels 플러그인을 세팅하면 그래프 안에 수치가 주욱 들어갑니다. 그런데, data set 에는 수치로만 넣어야 하기 때문에.. 수치에 대한 단위라든가, 천자리 쉼표 처리는 datalbels 의 form.. jQuery 클릭 또는 터치 좌표 아래와 같이 코드를 만들어서 갤럭시S 와 iPod Touch 4세대, PC 에서 IE 8.x, PC Chrome, PC Safari 등을 모두 테스트 해 봤는데..모두 PC 좌표라고 찍히네요.. jQuery 버전에 따라 달라지는걸까요..? 어떤 분은 iPhone 에서만 다르다 하는데..iPhone 을 가지고 있지 않아서 테스트 못했군요.. ㅠ.ㅜ 클릭.. 터치..? 모바일 기기를 고려한다면, onclick 에서도 javascript 반드시 기술 아래와 같이 a 태그나 이미지 맵에서는 href 속성에 javascript 라고 기술하고, 클릭 onclick 이벤트가 들어갈 때는 javascript 를 기술하지 않았었죠..? 클릭 그런데, 모바일에서는 onclick 이벤트에 javascript 를 반드시 기술해야 합니다. 클릭 과 같이 해야 한다는 말씀입니다. ^^. 이전 1 다음