应用错误收集

我按照示例代码使用 D3.js 绘制了饼图，但出现了错误提示

“错误：属性d：期望的数字”。

饼图部分显示，中间没有连线。我该如何解决？

http://bl.ocks.org/enjalot/1203641 这是我想要实现的。

HTML：

<body>
    <div class="svg"></div> 
</body>

JavaScript：

var w = 300,
  h = 300,
  r = 100;

var data = [{ label: 'one', value: 110 }, { label: 'two', value: 50 }, { label: 'three', value: 30 }];
var vis = d3
  .select('.svg')
  .append('svg')
  .attr('width', w)
  .attr('height', h)
  .append('g')
  .attr('transform', 'translate(' + r + ',' + r + ')');

var arc = d3.arc().outerRadius(r);
var pie = d3.pie().value(function(d) {
  return d.value;
})(data);

console.log(pie);

var arcs = vis
  .selectAll('path')
  .data(pie)
  .enter()
  .append('path');

arcs.attr('d', arc).attr('fill', 'black');

使用D3.js绘制饼图时遇到一个奇怪的错误“错误：<path>属性d：预期数字”

0 个答案: