Угловая морская диаграмма пончика не работает

Question

Я новичок в AngularJS и имею требование использовать диаграмму пончика в моем проекте, интегрированную угловую карту пончиков Morris для этого. В этом случае, если я передаю значения как натуральные числа, он работает. но если передать «0.00», получив следующую ошибку в консоли. пожалуйста, помогите решить эту проблему.

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

Возможно, попробуйте с ','. Это гипотеза, но информации недостаточно.

Другой способ заключается в использовании бросание на JavaScript «parseFloat()»

Проверьте массив данных на консоли для просмотра структуры.

Answer 2

Проверьте, если вы используете эти версии:

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

Ваш DIV элемент не дает мне какие-либо ошибки в этих версиях, а просто дает 0, как и ожидалось.

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

Когда я даю ненулевые значения, он также показывает график.

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

Я думаю, что версия, которую они имели, когда вы разместили эту ошибку. Последняя версия, похоже, решила это.