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

object Object output after appended text element

本文关键字:对象 输出 元素 文本      更新时间:2023-09-26

嗨,我是JavaScript和d3.js的新手。我已经创建了我的图表,在这方面一切都很顺利。然而,我试图在文本中显示一些信息,除了图表,只是显示月销售总额今年与前一个财政年度的结果进行比较。

我得到的奇怪的事情是,在h2中显示的文本只是显示[object Object],即使所有的数据都在加载,当我在firebug中调试它时,它显示了这个https://i.stack.imgur.com/pVbMT.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

对于我所有的数据都是一样的。如果你能帮我解决这个问题,那将是非常棒的,因为这是完成这个项目的最后一件事。欢呼声

通过您在包含对象的数组中传递的东西的外观。您只需要访问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);
});