Почему я получаю исключениеmorris.js Graph контейнер элемент не найден
Uncaught Error: Graph container element not found
при использовании morris.js
?
Почему я получаю исключениеmorris.js Graph контейнер элемент не найден
Uncaught Error: Graph container element not found
при использовании morris.js
?
Решение: Поместите JavaScript после morris.js Див
С этого поста из tiraeth: https://github.com/morrisjs/morris.js/issues/137
При использовании с угловыми и директивой. вы можете обернуть его в $ timeout. –
код в JavaScript запускается на выполнение до DOM содержит #annual элемент. Поместите javascript после div или используйте jQuery.ready()
У меня была эта проблема, когда я использовал framework.js. Вытащить теги скрипта, содержащие диаграммы morris, и jquery из нижней части html-файла работали для меня. Я использую Require.js для загрузки зависимостей для моего проекта. Надеюсь, это помогло.
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>
если Дон»т использовать диаграмму на этой странице, вы можете сделать это:
изменить его следующим образом: перед:
if (this.el === null || this.el.length === 0) {
return;
// throw new Error("Graph placeholder not found.");
}
Если вы хотите поделиться ответом на Stackoverflow, отправьте свой вопрос с описанием проблемы, затем отправьте ответ отдельно и отметьте его как действительный ответ для вашего вопроса. Таким образом, он получит больше воздействия. – halflings
переключиться на Chrome :) – SteveCav