CanvasJS饼图 - 准备一个JS数组来保存数据

Question

我可以使用js数组中的硬编码静态数据成功渲染canvasJS饼图，如下所示：

// Hardcoded data - this will successfully render a pie chart
var dps = [{ y: 1, indexLabel: "Writing" }, { y: 0, indexLabel: "External Collaboration" }, { y: 0, indexLabel: "Ready for Edit" }, { y: 0, indexLabel: "Editing" }, { y: 0, indexLabel: "Ready for Review" }, { y: 0, indexLabel: "In Pink Team" }, { y: 0, indexLabel: "In Gold Team" }, { y: 1, indexLabel: "In Red Team" }, { y: 0, indexLabel: "Final Versions" }]

但是，我需要简单地引用已经填充的数组。我正在从页面上的表填充数组。我无法理解为什么它不起作用，因为当我将数组转换为字符串并打印时，所有内容都被正确格式化。

以下是我的jsfiddle示例代码的链接。

JSFiddle Code

第18行是我认为问题所在。

// S/B formatted like this: {  y: 10, indexLabel: "Writing (1)" }
dps.push(['\{ y: ' + Number(value) + ', indexLabel: \"' + key + ' (' + value + ')\" \}' ]);

非常感谢任何帮助。

Answer 1

以下是解决方案：

dps.push({ y: Number(value), indexLabel: key + '(' + value + ')'});

我没有以正确的方式构建阵列。我正在将文本元素放在需要将对象放入其中的位置。