javascript - nvd3 饼图显示 Uncaught TypeError : Cannot call method 'map' of undefined

Question

这是 plunker - http://plnkr.co/edit/pXitfqb8K2IbxOHXw0uL?p=preview

它是否记录了正确的值，但没有构建饼图。
相反，我可以在日志中看到以下内容

nvd pie -  {"values":[{"parent":"Food","amount":116.1},{"parent":"Home","amount":670.14},{"parent":"Travel","amount":365.24},{"parent":"Taxes","amount":31.240000000000002},{"parent":"Entertainment","amount":13.24}]} script.js:166
Uncaught TypeError: Cannot call method 'map' of undefined nv.d3.js:9623

我该如何解决这个问题？

Answer 1

查看 nv.d3.js 的第 9623 行，您会发现在数组的第一个元素上调用了 map 方法，并且您的数据是一个对象。

您需要做的是将您的值封装在一个 1 元素数组中:

var data = [{ 
  key : "",
  values : [{"parent":"Food","amount":116.1},{"parent":"Home","amount":670.14},{"parent":"Travel","amount":365.24},{"parent":"Taxes","amount":31.240000000000002},{"parent":"Entertainment","amount":13.24}] 
}];