角莫里斯甜甜圈图不起作用答案

【问题标题】：Angular morris donut chart not working角莫里斯甜甜圈图不起作用
【发布时间】：2017-02-16 14:49:26
【问题描述】：

我是 AngularJS 的新手，并且需要在我的项目中使用圆环图来为此集成角莫里斯圆环图。在那，如果我将值作为自然数传递，它就可以工作。但是如果通过“0.00”在控制台中得到以下错误。请帮忙解决这个问题。

raphael-min.js:10 错误：属性 d：预期数字，“M,0,0”。 raphael-min.js:10 错误：属性 d：预期的移动路径命令（'M' 或 'm'），“Z”。

【问题讨论】：

你能显示莫里斯码和你发送到图表的数据吗？

标签： angularjs morris.js donut-chart

【解决方案1】：

也许可以尝试使用“，”。这是一个假设，但信息还不够。

另一种方法是在 javascript 'parseFloat()' 上使用强制转换

在控制台上检查您的数据数组以查看结构。

【讨论】：

这是我的代码：
你应该尝试用javascript代码和一个div来实现jsbin.com/ukaxod/144/embed?html,js,output
其实我也试过了，但得到同样的错误。如果我通过 0.001 就可以了。此图表不接受零作为值。
不要使用“0”，只使用 0

【解决方案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>

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

【讨论】：