Morris.js Элемент контейнера графа не найден

Почему я получаю исключение

Ошибка поиска: элемент контейнера Graph не найден

при использовании morris.js?

Ответ 1

Решение: Поместите javascript после morris.js div

Из этой записи из тирара: https://github.com/morrisjs/morris.js/issues/137

Ответ 2

У меня была эта проблема, когда я использовал фреймворк node.js. Вытащить теги script, содержащие диаграммы morris, и jquery из нижней части html файла работали для меня. Я использую Require.js для загрузки зависимостей для моего проекта. Надеюсь, это помогло.

Ответ 3

если вы не используете диаграмму на этой странице, вы можете сделать это:

Перейдите к строке, где исключение выбрано в morris.js

измените его так: раньше:

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

Ответ 4

JavaScript-код запускается до того, как DOM содержит элемент #annual. Поместите javascript после div или используйте jQuery.ready()

Ответ 5

Попробуйте это

<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>