2013-08-11 24 views
19

Dlaczego otrzymuję wyjątekmorris.js Graph elementem pojemnik Nie znaleziono

Uncaught Error: Graph container element not found

podczas korzystania morris.js?

+1

Jeśli chcesz podzielić się odpowiedzią na Stackoverflow, opublikuj swoje pytanie opisujące problem, a następnie opublikuj odpowiedź osobno i oznacz ją jako poprawną odpowiedź na swoje pytanie. W ten sposób uzyska więcej ekspozycji. – halflings

+0

przejście na Chrome :) – SteveCav

Odpowiedz

0

kodu JavaScript dostaje wykonywane przed DOM zawiera #annual element. Umieść javascript po div lub użyj jQuery.ready()

2

Miałem ten problem, gdy korzystałem z framework.js. Usunięcie tagów skryptów zawierających tabele morris i jquery z dołu pliku html działało dla mnie. Korzystam z Require.js, aby zamiast tego ładować zależności dla mojego projektu. Mam nadzieję, że to pomogło.

0

Try This

<head> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <script src="http://cdn.oesmith.co.uk/morris-0.4.1.min.js"></script> 
</head> 
<body> 
    <div id="donut-example"></div> 

        <script type="text/javascript"> 
         Morris.Donut({ 
          element: 'donut-example', 
          data: [ 
           { label: "Download Sales", value: 12 }, 
           { label: "In-Store Sales", value: 30 }, 
           { label: "Mail-Order Sales", value: 20 } 
          ] 
         }); 
        </script> 

    </div> 
</body> 
1

jeśli don”t użyć wykresu na tej stronie, można to zrobić:

  1. Przejdź do linii, gdzie wyjątek jest Throwed w morris.js
  2. zmiana to tak: przed:

    if (this.el === null || this.el.length === 0) { 
        return; 
        // throw new Error("Graph placeholder not found."); 
        }