Angular morris甜甜圈圖表不能正常工作

我是AngularJS的新手，並且需要在我的項目中使用甜甜圈圖表。在那裏，如果我將值作爲自然數傳遞，它正在工作。但如果通過「0.00」在控制檯中得到以下錯誤。請幫忙解決這個問題。Angular morris甜甜圈圖表不能正常工作

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

來源

2017-02-16 Guna Viru

您可以顯示Morris代碼和發送給圖表的數據嗎？ – krlzlx

–

這是我的代碼。 –

也許試着'，'。這是一個假設，但信息不夠。

另一種方法是使用強制的JavaScript「parseFloat（）」

檢查控制檯數據陣列視圖結構。

來源

2017-02-16 15:05:17

這是我的代碼：

–

我試過了。但得到相同的錯誤。 –

你應該嘗試使用JavaScript代碼和一個div http://jsbin.com/ukaxod/144/embed?html,js,output –

驗證，如果你使用這些版本：

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

我認爲他們發佈時的版本有這個bug。最新版本似乎解決了這個問題。

來源

2017-05-23 16:17:38 yeaske

Angular morris甜甜圈圖表不能正常工作

回答

相關問題