无法使用 chartjs 绘制饼图 - 类型错误：无法在数字“16”上创建属性“_meta”

Question

我在用单一数据生成饼图时遇到问题（有时我需要用单一数据生成饼图）。

数据数少于一百。我的数组仅包含单个属性，计数为 16，这意味着

pieChartUniqueLabelsArray = ['你的名字']

pieChartUniqueCountsArray = [16]

我收到以下错误。

TypeError：无法在数字“16”上创建属性“_meta”

如何使用 chartjs 绘制这个饼图。非常感谢您的帮助。

这是我的代码：

myPieChart = new Chart(ctx, {
                  type: "pie",
                  data: {
                      labels: pieChartUniqueLabelsArray,
                      datasets: pieChartUniqueCountsArray,
                  },
                  options: {
                      maintainAspectRatio: false,
                      legend: {
                          display: false,
                      },
                      plugins: {
                          labels: [{
                                  render: "label",
                                  position: "outside",
                                  fontSize: 18,
                              },
                              {
                                  render: "value",
                                  fontSize: 15,
                                  position: "border",
                              },
                          ]
                      },
                      tooltips: {
                          titleFontSize: chartMouseOverFontSize,
                          bodyFontSize: chartMouseOverFontSize
                      },
                  },
              });

Answer 1

您的datasets 结构不正确。 Data structure.

var pieChartUniqueCountsArray = [
  {
    data: [16]
  }
];