Javascript：未捕获类型错误：无法读取 null 的属性'getContext'

Question

为什么我的 JavaScript 失败了？

我是这个领域的业余爱好者，怀疑解决方案非常简单......

function drawAnalysis() {
$( document ).ready(function() {
    document.getElementById("il");

    var pie = new RGraph.Pie({
            id: 'i1',
                data: [4,3],
                options: {
            colors: ['blue', 'rgb(255,255,255)'],
            labels: {
                            self: ["",""],
            },
            radius: 213,
            exploded: [0]
                }
    }).roundRobin()
});

}

由于版权问题，我不确定是否可以在此处显示 RGraph.Pie 脚本，但失败的行

如下所示

        this.context           = this.canvas.getContext ? this.canvas.getContext("2d", {alpha: (typeof id === 'object' && id.alpha === false) ? false : true}) : null;

我感谢任何帮助：-）

Answer 1

Javascript 调试器将立即清楚地了解正在发生的事情。我在火狐中使用Firebug;有几个不错的选择。

该错误消息表示您正在以某种方式尝试评估 null.getContext。在您发布的代码行中，仅当 this.canvas === null 时，才会发生这种情况。这可能是由于 adeneo 指出的明显错别字而发生的。或者，在执行此行之前，您可能未能为 this.canvas 分配有效值;或者，也许"这个"的价值与你所期望的不一样。

此外，假设您使用的是 jQuery，您可以进行以下改进：

$（ document ）.ready（function（）

可以简单地变成：

$（function（） {/* do stuff */}）;

document.getElementById（"il"）

可以成为

$（"#il"）