파이 차트가 완전히 렌더링되지 않음

파이 차트가 완전히 렌더링되지 않음

닫았습니다. 이 질문은디버깅 상세현재 답변을 받고 있지 않습니다.

---

이 질문을 개선하시겠습니까?스택 오버플로의 토픽이 되도록 질문을 업데이트합니다.

2년 전에 문을 닫았어요

이 질문을 개선하다

여기서 재평가 예를 작성했습니다.보시다시피 범례는 렌더링되지만 그래프는 렌더링되지 않습니다.이 바람직하지 않은 동작의 원인은 무엇입니까?

전달 대상 파라미터dataStatusWa순서가 반대입니다.(App.vue에서) 변경을 시도합니다.

dataStatusWa() {
      return dataStatusWa(this.getStatusWa, this.getStatusWaLabel);
}

대상:

dataStatusWa() {
      return dataStatusWa(this.getStatusWaLabel, this.getStatusWa);
}

샘플 데이터를 바인드하기 위해 코드를 수정했습니다.https://codesandbox.io/embed/vue-template-p33n7

차트를 표시하려면 다음 구조(라벨, 배경색 및 데이터 길이가 같아야 함)를 가진 개체가 있어야 합니다.

{
  labels: ["Green", "Red", "Blue"],
  datasets: [
              {
                label: "Data One",
                backgroundColor: ["#41B883", "#E46651", "#00D8FF"],
                data: [1, 10, 5]
              }
     ]
  }

서비스에서 받은 응답을 수정합니다.그러기 위해 도움이 필요하시면 말씀하세요.

언급URL : https://stackoverflow.com/questions/57181352/pie-chart-doesnt-render-completely