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

Question

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

raphael-min.js: 10 Ошибка: атрибут d: ожидаемое число, "M,0,0". raphael-min.js:10 Ошибка: атрибут d: ожидаемая команда пути перемещения ("M" или "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> 

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