2017-08-24 4 views
0

Ich versuche, morris.js auf meinem Web zu verwenden, auf dem offiziellen Web haben sie ein einfaches Beispiel: morris.js Ich folgte, Installieren von Paketen mit Npm aber, auf meinem HTML Morris nicht gefunden und Ich bekomme keinen Fehler von der Konsole, sehe einfach nichts, weiß jemand, was passieren könnte? Ich verwende node.js 0.10 und seine mein Code:Morris.js on node.js nicht gefunden

(Im mit einer einzigen Seite Anwendung)

index.html

...

<!-- Morris.js --> 
    <link rel="stylesheet" href="node_modules/morris.js/morris.css"> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 
    <script src="node_modules/morris.js/morris.js"></script> 

    ... 
    <body>  
     <div data-ng-view> 
     </div>      
    </body> 
    ... 

page.html

 <div id="myfirstchart" style="height: 250px;"></div> 

     <script> 
      new Morris.Line({ 
       // ID of the element in which to draw the chart. 
       element: 'myfirstchart', 
       // Chart data records -- each entry in this array corresponds to a point on 
       // the chart. 
       data: [ 
        { year: '2008', value: 20 }, 
        { year: '2009', value: 10 }, 
        { year: '2010', value: 5 }, 
        { year: '2011', value: 5 }, 
        { year: '2012', value: 20 } 
       ], 
       // The name of the data record attribute that contains x-values. 
       xkey: 'year', 
       // A list of names of data record attributes that contain y-values. 
       ykeys: ['value'], 
       // Labels for the ykeys -- will be displayed when you hover over the 
       // chart. 
       labels: ['Value'] 
      }); 
     </script> 

node_modules auf meinem proyect

node_modules on my proyect

Und das Ergebnis auf meiner Seite ist es ein weißer Raum.

Antwort

0

Die Dokumentation sagt, dass Sie nicht über die Morris.Line instanziiert müssen Sie

Morris.Line({element: 'myfirstchart'...})

Sehen Sie diese verwenden sollten: http://jsbin.com/uqawig/441/embed?js,output

+0

Ich habe versucht, aber es ist immer noch die gleiche Ergebnis.. –