錯誤：<path>屬性的值無效d =「MNaN，NaNA5,5 0 1,1 NaN，NaNL0,0Z」

Question

我試圖製作具有酒窩庫的餅圖，它適用於所有圖表類型，如線條，泡泡和酒吧但當我用餅圖嘗試我碰到下面的錯誤

Error: Invalid value for <path> attribute d="MNaN,NaNA5,5 0 1,1 NaN,NaNL0,0Z" 

這是代碼

<script type="text/javascript"> 
     var svg = dimple.newSvg("#chartContainer", 590, 400); 
      var array1=[10,20,30,40,50]; 
      var array2=[600,300,400,200,100]; 
      var data = new Array(); 
        for (var i = 0; i < array1.length; ++i) { 
         data.push({ x : array2[i], y: array1[i]}); 
       } 
      var myChart = new dimple.chart(svg, data); 
       myChart.setBounds(60, 30, 510, 305) 
       var x = myChart.addCategoryAxis("x", "x"); 
       myChart.addMeasureAxis("y", "y"); 
       myChart.addSeries(null, dimple.plot.pie); 
       myChart.draw(); 
    </script> 

誰能幫助我嗎？

Answer 1

Dimple關於餅圖的文檔不是很好。從我能從那裏得到的例子中解讀出來，餅圖的處理方式有些不同。

1. 需要一個測量軸位置「p」。
2. 當adding the series時，它們需要categoryField。

所以修復您的示例代碼，就成了：

var svg = dimple.newSvg("#chartContainer", 590, 400); 
var array1 = [10, 20, 30, 40, 50]; 
var array2 = [600, 300, 400, 200, 100]; 
var data = new Array(); 
for (var i = 0; i < array1.length; ++i) { 
    data.push({ 
    x: array2[i], 
    y: array1[i] 
    }); 
} 
var myChart = new dimple.chart(svg, data); 
myChart.setBounds(60, 30, 510, 305) 
//var x = myChart.addCategoryAxis("x", "x"); 
//myChart.addMeasureAxis("y", "y"); 
myChart.addMeasureAxis("p", "x"); 
myChart.addSeries("y", dimple.plot.pie); 
myChart.draw(); 

例here。