时间戳

首页 > 解决方案 > angularjs chartjs 图例未定义

angularjs - angularjs chartjs 图例未定义

问题描述

谁能弄清楚为什么图例未定义？

这是一个 plunker https://plnkr.co/edit/uSbRpx5w7nHvGQ3OG3x2?p=preview

这是代码

   $scope.chartData = {
data: [20, 20, 20, 20, 20, 20, 20],
labels: [
  "Joe",
  "Jason",
  "Mark",
  "Mike",
  "Ryan",
  "Sean",
  "Stephanie"
],
series: ['Year 2016',]

};

我做了2个例子。上面的有效，下面的无效

任何想法？

标签： angularjschart.js

解决方案

在图表中，数据集必须是一个数据数组，其中数据本身就是一个数组，即）data-set: [data_1, data_2, data_3],其中data_1=[1,2,3,4,5]; data_2=[45,32,12,25,12];..

而series代表对应的数据。

但是在您的情况下，数据集是一个数字数组，这就是图例变为undefined.

$scope.chartData = {
 data: [[20, 20, 20, 20, 20, 20, 20]],
 labels: [
  "Joe",
  "Jason",
  "Mark",
  "Mike",
  "Ryan",
  "Sean",
  "Stephanie"
 ],
 series: ['Year 2016' ]
};

推荐阅读