流星饼图没有完全显示出来(meteor piechart doesn't show up completely)

 这是我用于使用Meteor在网页上呈现pieChart的JS代码。 我遇到的问题是这个代码几乎可以工作，除了显示的图表显示在图例和标签上，但我们看不到饼（它只是空的）。 javaScript代码是 
 
 [我无法在此发布图片] 
 
if (Meteor.isClient) {

Template.pienvd3.rendered = function() {

    nv.addGraph(function() {
                var pchart = nv.models.pieChart()
                .x(function(d) { return d.label })
                .y(function(d) { return d.value })
                .showLabels(true);

                d3.select("#piechart svg")
                .datum(pieVar.find().fetch())
                .transition().duration(350)
                .call(pchart);

                return pchart;
                });
};}
 
 这是我在MongoDB中的名字“pienvd3”的收藏 
 
{
"_id" : ObjectId("54d37d5b30cd72c0dde2611b"),
"label" : "One",
"value" : 29.765957771107
}
{
"_id" : ObjectId("54d37d5b30cd72c0dde2611c"),
"label" : "Two",
"value" : 0
}
--- so on till Eight---
{
"_id" : ObjectId("54d37d5b30cd72c0dde26121"),
"label" : "Seven",
"value" : 13.925743130903
 }
{
"_id" : ObjectId("54d37d5b30cd72c0dde26122"),
"label" : "Eight",
"value" : 5.1387322875705
}
 
 我发布了该系列并宣布了它 
 
Meteor.publish(null, function () {
           return pieVar.find();
           });
pieVar = new Meteor.Collection("pienvd3");
pieVar.allow({
         insert: function () {
         return true;
         },
         update: function () {
         return true;
         },
         remove: function () {
         return true;
         }
         });
 
 现在我实际上无法理解究竟是什么问题。 PS：我需要让这个图表有反应，我已经包含了d3的所有必要包。 当我刷新页面时，即使这个图像消失，说没有找到数据 
 
 谢谢 

Here is the JS code that I'm using to render a pieChart on a web page using Meteor. The problem I have is that this code almost works except that the chart when displayed shows on the legends and labels but we cannot see pie(it is just empty). The javaScript code is as 
 
[I'm not able to post the image here]
 
if (Meteor.isClient) {

Template.pienvd3.rendered = function() {

    nv.addGraph(function() {
                var pchart = nv.models.pieChart()
                .x(function(d) { return d.label })
                .y(function(d) { return d.value })
                .showLabels(true);

                d3.select("#piechart svg")
                .datum(pieVar.find().fetch())
                .transition().duration(350)
                .call(pchart);

                return pchart;
                });
};}
 
This is my collection in MongoDB by name "pienvd3"
 
{
"_id" : ObjectId("54d37d5b30cd72c0dde2611b"),
"label" : "One",
"value" : 29.765957771107
}
{
"_id" : ObjectId("54d37d5b30cd72c0dde2611c"),
"label" : "Two",
"value" : 0
}
--- so on till Eight---
{
"_id" : ObjectId("54d37d5b30cd72c0dde26121"),
"label" : "Seven",
"value" : 13.925743130903
 }
{
"_id" : ObjectId("54d37d5b30cd72c0dde26122"),
"label" : "Eight",
"value" : 5.1387322875705
}
 
I published the collection and also declared it
 
Meteor.publish(null, function () {
           return pieVar.find();
           });
pieVar = new Meteor.Collection("pienvd3");
pieVar.allow({
         insert: function () {
         return true;
         },
         update: function () {
         return true;
         },
         remove: function () {
         return true;
         }
         });
 
Now I'm actually not able to understand what exactly is the problem. P.S: I need to make this chart reactive and I've included all the necessary packages for d3. when I refresh the page even this image disappears saying NO DATA FOUND
 
Thank you

原文：https://stackoverflow.com/questions/28346874