饼图未完全呈现[关闭]答案

【问题标题】：Pie chart doesn't render completely [closed]饼图未完全呈现[关闭]
【发布时间】：2019-12-02 12:21:43
【问题描述】：

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

【问题讨论】：

标签： javascript vue.js vuex vuex-modules vue-chartjs

【解决方案1】：

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

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

到：

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

【讨论】：

非常感谢。连续编码了 8 个小时，不知不觉中放错了位置。

【解决方案2】：

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

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

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

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

【讨论】：

这就是他在util.js 中返回的内容。问题是他以错误的顺序传递参数。看我的回答。
是的。你是对的。