Question

您好我是JavaScript和d3.js的新手。我已经创建了我的图表，一切都运行得很好。然而，我试图在图表中显示一些信息，仅显示今年的销售总额与之前的财务年度结果相比。

我得到的奇怪之处在于h2中显示的文本只显示[object Object]，即使我在firebug中对其进行了去除错误时所有数据都正常加载显示这个http://i.imgur.com/rOnZQXG.png（我不能嵌入，因为我没有足够高的代表）这是正确的数据

这是我用于文本的代码 -

d3.csv("OrderValueToday.csv", function(today) { 
   console.log(today); 

   var totalSales = today

   svgLabel = d3.select("#label").append("h2")
     .text(totalSales)
});

我已经获得的CSV已经拥有今天的总销售额，所以在我得到数据时，我已经为我做了总结。 CSV格式如此

Today
20000

这对于我拥有的所有数据来说都是一样的。如果你可以帮助我解决这个问题，这将是很棒的事情，因为这是完成这个项目的最后一件事。干杯

Answer 1

通过在包含对象的数组中传递的东西的外观。您只需访问Today值。

d3.csv("OrderValueToday.csv", function(obj) { 
   var text = 'Total sales today = ';
   var totalSales = text + obj[0].Today;
   svgLabel = d3.select("#label").append("h2")
     .text(totalSales);
});

object附加文本元素后的对象输出

1 个答案: