원형 또는 도넛형 차트 외부로 데이터 레이블 이동 - Chart.js

Question

저는 대규모 애플리케이션을 작업 중인데 차트 자체 외부의 원형 또는 도넛 차트에 레이블을 배치하는 것이 매우 도움이 될 것입니다.

outerLabels라는 플러그인이 제가 찾고 있는 바로 그 플러그인이지만, 아무것도 출력할 수 없습니다.

Chart.js를 사용하여 이 작업을 수행하는 방법을 찾을 수 없었기 때문에 지금은 이것이 문제입니다.

플러그인을 가져왔습니다 从'chartjs-plugin-outerlabels'导入{}; 좋아요도 import 'chartjs-plugin-outerlabels';

다음은 차트 옵션을 설정하는 방법의 예입니다.

으아아아

다음은 프로젝트 자체 내 도넛 차트의 예입니다.

이 플러그인이 작동하도록 도와주실 수 있는 분이나 이 문제를 해결할 수 있는 다른 솔루션이 있는 분은 정말 감사하겠습니다!

Answer 1

이것은 datalabels 필드 없이도 작동합니다(Chartjs-plugin-datalabels.js 라이브러리를 설치해야 하기 때문).

그래서 기본적으로 ChartOptions 설정은 귀하가 제공한 것과 유사합니다.

으아악

캔버스 요소에 차트를 렌더링하는 방법입니다.

으아악

데모 @ StackBlitz