Question

我在测试应用程序中使用谷歌图表。但是我收到了这个错误

“（未知）事件处理程序中的错误：TypeError：无法读取属性 'nodeName'为null at Object.ElementsFilter.isOnIgnoreList（chrome-extension：//lifbcibllhkdhoafpjfnlhfpfgnpldfl/contentscript.js:76:34）在chrome-extension：//lifbcibllhkdhoafpjfnlhfpfgnpldfl/contentscript.js：318：28 at parseContent（chrome-extension：//lifbcibllhkdhoafpjfnlhfpfgnpldfl/contentscript.js:316：14） at processSettingsResponse（chrome-extension：//lifbcibllhkdhoafpjfnlhfpfgnpldfl/contentscript.js：551：9）在chrome-extension：//lifbcibllhkdhoafpjfnlhfpfgnpldfl/browserSpecificScript.js：77：9“

我用Google搜索了这个，但无法理解问题所在。我的代码是：

代码

<!DOCTYPE html>
<html lang="en">

<head>


    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">


    <title>Test</title>

    <!-- Bootstrap Core CSS -->
    <link href="static/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="static/css/sb-admin.css" rel="stylesheet">
    <link href="static/css/bootstrap-multiselect.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="static/lib/css/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
    <script src="//google.com/jsapi"></script>



</head>


<body onload = onLoading()>
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">

                <a class="navbar-brand" href="#">BNG Subscriber Analytics</a>
            </div>

    </nav>
    <div class="row">
                <div class="col-sm-3 col-md-6 col-lg-3"><canvas id="i1"></canvas></div>
                <div class="col-sm-3 col-md-6 col-lg-3"><canvas id="i2"></canvas></div>
                <div class="col-sm-3 col-md-6 col-lg-3"><canvas id="i3" ></canvas></div>
                <div class="col-sm-3 col-md-6 col-lg-3"><canvas id="i4" ></canvas></div>
    </div>
    <div class="row">
                <div class="col-sm-3 col-md-6 col-lg-3"><canvas id="i5" ></canvas></div>
                <div class="col-sm-3 col-md-6 col-lg-3"><canvas id="i6" ></canvas></div>
                <div class="col-sm-3 col-md-6 col-lg-3"><canvas id="i7" ></canvas></div>
                <div class="col-sm-3 col-md-6 col-lg-3"><canvas id="i8" ></canvas></div>
    </div>


</body>



<script type="text/javascript">
function onLoading()

{          
google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
}
function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);

        var options = {
          title: 'My Daily Activities',
          is3D: true,
        };

        var chart = new google.visualization.PieChart(document.getElementById('i1'));
        chart.draw(data, options);
      }            

</script>

谷歌图表无法正常工作

0 个答案: