Can't draw pie chart using chartjs - TypeError: Cannot create property '_meta' on number '16'

Question

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

数据不足百。我的数组只包含一个 属性 并且计数是 16，这意味着

pieChartUniqueLabelsArray = ['YourName']

pieChartUniqueCountsArray = [16]

我收到以下错误。

TypeError: Cannot create property '_meta' on number '16'

如何使用 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]
  }
];