D3圆环图上赛季固定标签

Question

使用D3现在我试图创建一个地图，看起来像这样一个传奇成功创建了几个图表后：

这是一种表达形式每年的季节图表会以固定标签下方的颜色标明，表明每年的每个月（在图像中它们被舍入到几个月，但我不希望这种情况发生在我尝试创建的圆环图中） 。

现在我想我会在D3js页面上按照环形图的example开始，然后添加一些固定的标签。在达到那一点之前，虽然我发现自己陷入困境，无法复制这个例子。

我试着用Plunkr here做一个简明的例子，我想知道是否有人会看一看。我已经按照方法here使用创建的对象作为数据输入，但我没有看到任何错误，但也许我错了。我收到错误消息如下：1494

Uncaught TypeError: Cannot read property 'indexOf' of undefined: Main.js(1494) 

线对应的Plunkr线37，阅读：

.append(g) 

这使我相信，当我点事情错了d3的数据，但我不确定这是什么。我会欣赏一双新鲜的眼睛！

Answer 1

你有几个问题：

首先，你忘了复制/粘贴博斯托克的例子后改变​​。我改变了它的dur：

var pie = d3.layout.pie() 
.sort(null) 
.value(function(d) { 
    return d.dur 
}); 

在那之后，我不得不改变你的数据：

var data = [ 
{ seizoen: "lente", dur: 60 }, 
{ seizoen: "zomer", dur: 122 }, 
{ seizoen: "herfst", dur: 61 }, 
{ seizoen: "winter", dur: 122 } 
]; 

而且，你忘了使用＃以选择div的ID：

var svg = d3.select("#legend").append("svg") 

顺便说一下，你的jQuery路径不正确，你的CSS中的#legend很少。

现在你有一个甜甜圈：http://plnkr.co/edit/B2CJMN7Wy1By0jlMpkii?p=preview