Javascript HTML5图表无法呈现

我正在尝试使用创建图表。我无法理解为什么我渲染的数据无法工作。这就是整个函数。我得到错误：

未捕获类型错误：无法读取未定义的属性“match”

这个语法有什么问题

编辑 现在，我已尽可能简化并制作了与演示类似的内容，但仍然无法正常工作：

$(function () {
    Morris.Line({
        element: 'line-example',
        data: [
            {"y": "2011", a: "247893", b: "19520", c: "16723", d: "415516", e: "3", f: "3"}, 
            {"y": "2012", a: "315174", b: "19103", c: "16572", d: "443728", e: "3", f: "3"}, 
            {"y": "2013", a: "265", b: "469", c: "519945", d: "24635", e: "74245", f: "568387"}, 
            {"y": "2014", a: "20", b: "17", c: "38684", d: "1794", e: "3762", f: "24660"}
        ],
        xkeys: "y",
        ykeys: ["a", "b", "c", "d", "e", "f"],
        labels: ["a", "b", "c", "d", "e", "f"]
    });

});

---

好的，我知道你的主要问题是什么。

你只需要改变两件事。 1将其从

jQuery

ready函数中取出。（这不是解决问题所必需的） 2它是

xkeys

而不是

xkeys

这是主要问题。改变这两件事，你就会好起来。

---

我以前所说的一切都是假的

@Johnston我不明白这有什么可怕的。是什么？第一个属性是它定义的日期，而每个附加属性都有一个键，该键是要绘制的线的id，还有一个值是它在图形上的位置。它应该看起来像一个有六条线的折线图。这就是为什么我删除了它。这是不同的，因为您使用数字作为属性。试图创建一个小提琴。@Johnston我已经成功地用引号作为键重新创建了他们的演示。是的，但这给了我所有日期的

未定义的
。@thomas我找到了答案。你有一个问题。你刚才打错了。
$(function () {
    Morris.Line({
        element: 'line-example',
        data: [
            {"y": "2011", a: "247893", b: "19520", c: "16723", d: "415516", e: "3", f: "3"}, 
            {"y": "2012", a: "315174", b: "19103", c: "16572", d: "443728", e: "3", f: "3"}, 
            {"y": "2013", a: "265", b: "469", c: "519945", d: "24635", e: "74245", f: "568387"}, 
            {"y": "2014", a: "20", b: "17", c: "38684", d: "1794", e: "3762", f: "24660"}
        ],
        xkeys: "y",
        ykeys: ["a", "b", "c", "d", "e", "f"],
        labels: ["a", "b", "c", "d", "e", "f"]
    });

});