개발자의 끄적끄적

[javascript/jquery] chart.js Canvas is already in use. Chart with ID '0' must be destroyed before the canvas can be reused. 에러 해결 방법 chart.js 를 사용하여 데이터를 표현하다보면 동적으로 데이터를 조회 후 차트를 그려야 하는 경우가 종종 있습니다. 그렇게 사용하다 보면 아래와 같이 오류가 발생하는 경우가 있습니다. Canvas is already in use. Chart with ID '0' must be destroyed before the canvas can be reused. 그럴때는 동적으로 데이터를 그래프로 표현하기 전 아래와 같이 destroy 를 실행해주시면 됩니다. chart.des..

[javascript/jquery] chart.js click event example / 차트 js 클릭 이벤트 예제 chart.js 를 이용하여 차트를 구현하다 보면 특정 차트 영역을 클릭했을때, 해당 값이나, 라벨을 가져와야 하는 경우가 있습니다. 그럴때는 아래와 같이 onclick 이벤트를 사용하시면 됩니다. document.getElementById("myChart").onclick = function(evt) { var activePoints = myChart.getElementsAtEvent(evt); if(activePoints.length > 0) { var clickedElementindex = activePoints[0]["_index"]; var label = myChart.data..

[개발] 오픈소스 차트 사이트 모음 개발시 차트연동은 매우 자주 생기는 이슈중 하나입니다. 그때마다 활용할 수 있는 오픈 차트들이니 참고들 하시구요. 개발 및 연동시 도움되시길 바랍니다! 제가 찾아보고 자주쓰는 사이트 3곳 링크입니다! 1. c3 chart https://c3js.org/examples.html 2. chart.js https://www.chartjs.org 3. google chart https://developers.google.com/chart