[ Java Script Error ] Canvas is already in use. Chart with ID '0' must be destroyed before the canvas can be reused.

 

1. 에러 원인

---

<form> 태그에 canvas 를 넣었던 것이 화근이었음

<form> 태그의 경우에는 해당 태그 내에 value 가 담길 경우 그 value 들을 저장하여 

다음 단계로 전달하는 역할을 한다

 

 

 

 

 

2. 해결 방법

---

<form> 태그를 없애는 쪽으로 해결을 했다. 

 

<div class="page2nd">
    <canvas id="myChart" width="600" height="500"></canvas>
    <button id="sendAjax">button</button>
    <script src="/js/page/page_2nd.js" defer></script>
</div>

 

 

 

3. 참고 링크

---

하기 링크는 destroy( ) 를 써서 해결했다는 것이었다.

다른 해결방법이었지만 해당 방법은 적용하지 않았다

 

https://stackoverflow.com/questions/40056555/destroy-chart-js-bar-graph-to-redraw-other-graph-in-same-canvas

Destroy chart.js bar graph to redraw other graph in same