饼图未完全呈现

Question

我创建了一个重现示例 here。 如您所见，图例已呈现，但图形未呈现。是什么导致了这种不良行为？

Answer 1

你传递给dataStatusWa的参数顺序相反。 尝试更改（在 App.vue 中）：

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

至：

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

Answer 2

我修改了代码以绑定示例数据 https://codesandbox.io/embed/vue-template-p33n7

要显示图表，您应该有一个具有以下结构的对象（标签、背景颜色和数据的长度应该相同）

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

更正您从服务中获得的响应。如果您需要帮助，请告诉我。