Question

我是AngularJS的新手，并且要求在我的项目集成角度morris圆环图中使用圆环图。在那里，如果我将值作为自然数传递它是有效的。但如果传递“0.00”在控制台中收到以下错误。请帮助解决这个问题。

raphael-min.js：10错误：属性d：预期数字，“M，0,0”。 raphael-min.js：10错误：属性d：预期的moveto path命令（'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>

我认为他们发布时的版本有这个错误。最新版本似乎解决了这个问题。

Angular morris甜甜圈图表不起作用

2 个答案: