2013-08-11 37 views
19

Tại sao tôi lại nhận được một ngoại lệmorris.js Graph yếu tố container không tìm thấy

Uncaught Error: Graph container element not found

khi sử dụng morris.js?

+1

Khi bạn muốn chia sẻ câu trả lời trên Stackoverflow, hãy đăng câu hỏi của bạn mô tả vấn đề, sau đó đăng câu trả lời một cách riêng biệt và đánh dấu câu trả lời đó là câu trả lời hợp lệ cho câu hỏi của bạn. Bằng cách đó, nó sẽ tiếp xúc nhiều hơn. – halflings

+0

chuyển sang Chrome :) – SteveCav

Trả lời

25

Giải pháp: Đặt javascript sau khi morris.js div

Từ bài đăng này từ tiraeth: https://github.com/morrisjs/morris.js/issues/137

+0

Khi sử dụng với angularj và chỉ thị. bạn có thể quấn nó trong một thời gian chờ $. –

0

mã JavaScript của được thực hiện trước khi DOM chứa yếu tố #annual. Đặt javascript sau div hoặc sử dụng jQuery.ready()

2

Tôi gặp vấn đề này khi tôi đang sử dụng khuôn khổ node.js. Đưa ra các thẻ script có chứa các biểu đồ morris và jquery từ dưới cùng của tập tin html làm việc cho tôi. Tôi đang sử dụng Require.js để tải phụ thuộc cho dự án của tôi thay thế. Tôi hy vọng điều này đã giúp.

0

Hãy thử này

<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

nếu don' t sử dụng bảng xếp hạng trên trang này, bạn có thể làm điều này:

  1. Đến dòng nơi ngoại lệ được ném trong morris.js
  2. thay đổi nó như sau: trước:

    if (this.el === null || this.el.length === 0) { 
        return; 
        // throw new Error("Graph placeholder not found."); 
        } 
    
Các vấn đề liên quan