Highcharts를 사용하여 Vue.js에서 누적 도넛(원형) 차트를 만드는 방법은 무엇입니까?

Question

Highcharts를 사용하여 도넛 차트를 만들고 싶은데 이 차트를 누적 형식으로 변환할 수 없습니다. Vue.js 코드는 다음과 같습니다:

으아악

내가 만든 차트는 다음과 같습니다.

Elasticsearch에서 누적 도넛 차트를 제공하려고 합니다. 예는 다음과 같습니다.

"name"과 "y" 뒤에 발음을 추가하려고 시도했지만 성공하지 못했습니다. 또한 설치(또는 다른 방법)에 하위 범주를 추가해야 합니까? 이에 대한 아이디어가 있으시면 귀하의 도움을 기다리고 있습니다.

Answer 1

Highcharts에서 이러한 유형의 차트를 만들려면 다음과 같은 선버스트 시리즈 유형을 사용할 수 있습니다.

으아아아

예: https://jsfiddle.net/BlackLabel/2Ldpvogr/

문서: https://www.highcharts.com/docs/chart-and-series-types/pie-chart

---

또는 지정된 大小和innerSize가 포함된 두 개의 원형 차트 시리즈:

으아아아

---

예: https://jsfiddle.net/BlackLabel/uogq3waf/

문서: https://www.highcharts.com/docs/chart-and-series-types/sunburst-series