Javascript:未捕获TypeError:无法读取null的属性'getContext'

时间:2015-01-22 07:47:46

标签: javascript

为什么我的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;

我感谢任何帮助: - )

1 个答案:

答案 0 :(得分:0)

Javascript调试器会立即显示正在进行的操作。我在Firefox中使用Firebug;有几个不错的选择。

错误消息表示您以某种方式尝试评估null.getContext。在您发布的代码行中,只有在this.canvas === null时才会出现这种情况。这可能是由于adeneo指出的明显拼写错误。或者,您可能无法在执行此行之前为this.canvas分配有效值;或者也许是这个'的价值。不是你期望的东西。

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

$(document).ready(function()

可以变得简单:

$(function(){/ * do stuff * /});

的document.getElementById(" IL&#34)

可以成为

$('#IL&#39)