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]
              }
     ]
  }

更正响应，您将从服务中获得什么。让我知道您是否需要帮助。

饼图无法完全呈现

2 个答案: