Angular Morris Donut-Diagramm funktioniert nicht

Question

Ich bin neu in AngularJS und haben eine Anforderung, Donut Chart in meinem Projekt integrierten eckigen Morris Donut-Diagramm dafür zu verwenden. Wenn ich Werte als natürliche Zahlen übergebe, funktioniert es. aber wenn "0.00" übergeben wird, wird der folgende Fehler in der Konsole angezeigt. Bitte helfen Sie, dieses Problem zu lösen.

raphael-min.js:10 Error: attribute d: Expected number, "M,0,0". raphael-min.js:10 Error: attribute d: Expected moveto path command ('M' or 'm'), "Z".

Answer 1

Vielleicht mit "," versuchen. Dies ist eine Hypothese, aber die Information ist nicht genug.

Eine andere Möglichkeit ist es, eine Besetzung auf javascript ‚parseFloat()‘ verwenden

Überprüfen Sie Ihre Datenarray auf der Konsole für Ansicht, die die Struktur.

Answer 2

Überprüfen Sie, ob Sie diese Versionen verwenden:

<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-morris/1.3.0/angular-morris.min.js"></script> 

Ihr div Element geben Sie mir keine Fehler für oben genannten Versionen und gibt nur 0 wie erwartet.

 <div donut-chart 
      donut-data='[{label: "Download Sales", value: "0.00"}, 
      {label: "In-Store Sales",value: "0.00"}, 
      {label: "Mail-Order Sales", value: "0.00"}]' 
      donut-colors='["#31C0BE","#c7254e","#98a0d3"]' 
      donut-formatter='"currency"'> 
     </div> 

Wenn ich nicht Null-Werte geben, zeigt es die zu Graphen.

 <div donut-chart 
      donut-data='[{label: "Download Sales", value: "1.00"}, 
      {label: "In-Store Sales",value: "2.00"}, 
      {label: "Mail-Order Sales", value: "0.00"}]' 
      donut-colors='["#31C0BE","#c7254e","#98a0d3"]' 
      donut-formatter='"currency"'> 
     </div> 

Ich denke, die Version, die sie hatten, als Sie gepostet hatten, hatte diesen Fehler. Die neueste Version scheint das gelöst zu haben.