2013-08-11 42 views
19

Warum bekomme ich eine Ausnahmemorris.js Graph Containerelement nicht gefunden

Uncaught Error: Graph container element not found

wenn morris.js mit?

+1

Wenn Sie eine Antwort auf Stackoverflow teilen möchten, geben Sie Ihre Frage zur Problembeschreibung ein und veröffentlichen Sie die Antwort getrennt und markieren Sie sie als gültige Antwort für Ihre Frage. So wird es mehr Aufmerksamkeit bekommen. – halflings

+0

wechseln zu Chrome :) – SteveCav

Antwort

0

von JavaScript-Code ausgeführt wird, bevor das DOM #annual Element enthält. Setzen Sie das Javascript nach dem div oder verwenden Sie jQuery.ready()

2

Ich hatte dieses Problem, wenn ich das node.js-Framework verwendete. Die Skript-Tags mit den Morris-Diagrammen und der JQuery aus dem unteren Teil der HTML-Datei herauszunehmen, funktionierte für mich. Ich verwende Require.js, um stattdessen die Abhängigkeiten für mein Projekt zu laden. Ich hoffe, das hat geholfen.

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

wenn don‘t in der Tabelle auf dieser Seite verwenden, können Sie dies tun:

  1. Gehen Sie auf die Linie, wo die Ausnahme in morris.js throwed ist
  2. ändern es wie folgt aus: vor:

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