2013-08-11 4 views
19

Почему я получаю исключениеmorris.js Graph контейнер элемент не найден

Uncaught Error: Graph container element not found

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

+1

Если вы хотите поделиться ответом на Stackoverflow, отправьте свой вопрос с описанием проблемы, затем отправьте ответ отдельно и отметьте его как действительный ответ для вашего вопроса. Таким образом, он получит больше воздействия. – halflings

+0

переключиться на Chrome :) – SteveCav

ответ

25

Решение: Поместите JavaScript после morris.js Див

С этого поста из tiraeth: https://github.com/morrisjs/morris.js/issues/137

+0

При использовании с угловыми и директивой. вы можете обернуть его в $ timeout. –

0

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

2

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

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

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

  1. Перейти к строке, где исключение в morris.js забросил
  2. изменить его следующим образом: перед:

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

 Смежные вопросы

  • Нет связанных вопросов^_^