19
Perché ricevo un'eccezionemorris.js Grafico elemento contenitore non trovato
Uncaught Error: Graph container element not found
quando si utilizza morris.js?
A
risposta
25
Soluzione: Mettere il javascript dopo le morris.js div
Da questo post da tiraeth: https://github.com/morrisjs/morris.js/issues/137
+0
Quando si utilizza con angularjs e una direttiva. si può avvolgere in un timeout $. –
0
codice JavaScript viene eseguito prima che il DOM contiene elemento #annual. Metti javascript dopo il div o usa jQuery.ready()
2
Ho avuto questo problema quando stavo usando il framework node.js. Ho tirato fuori i tag script contenenti i grafici di morris e il jquery dal basso del file html. Sto usando Require.js per caricare le dipendenze per il mio progetto. Spero che questo sia stato d'aiuto.
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
se don' t utilizzare la tabella in questa pagina, si può fare questo:
- Vai alla riga in cui l'eccezione viene gettato in morris.js
cambiamento in questo modo: prima :
if (this.el === null || this.el.length === 0) { return; // throw new Error("Graph placeholder not found."); }
Quando si desidera condividere una risposta su Stackoverflow, inserire la domanda che descrive il problema, quindi pubblicare la risposta separatamente e contrassegnarla come risposta valida per la domanda. In questo modo otterrà più esposizione. – halflings
passa a Chrome :) – SteveCav