错误：<path> 属性 d="MNaN,NaNA5,5 0 1,1 NaN,NaNL0,0Z" 的值无效答案

【问题标题】：Error: Invalid value for <path> attribute d="MNaN,NaNA5,5 0 1,1 NaN,NaNL0,0Z"错误：<path> 属性 d="MNaN,NaNA5,5 0 1,1 NaN,NaNL0,0Z" 的值无效
【发布时间】：2015-03-09 09:23:24
【问题描述】：

我尝试使用凹坑库制作饼图，它适用于所有图表类型，如折线、气泡和条形图，但是当我尝试使用饼图时出现以下错误

    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>

谁能帮帮我？

【问题讨论】：

标签： javascript d3.js dimple.js

【解决方案1】：

Dimple 关于饼图的文档不是很好。从我可以从那里得到的例子中，饼图的处理方式有所不同。

需要位置“p”的测量轴。
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。

【讨论】：