d3.csv parseFloat无法正确解析

时间:2019-07-17 17:00:20

标签: javascript arrays csv d3.js chart.js

我正在使用以下代码使用d3将简单的csv文件加载到Charts.js中。但是,无论我如何尝试,“ order_count”都不会转换为保留为字符串的数字。该文件还会自动作为多个对象而不是多个数组的对象进入。我的最终目标是将条形图作为x轴,将bins作为y。请参见下面的代码和输出。谢谢!

我尝试了解析,我尝试了+ d.order_count并且我尝试了

var data=d3.text("DELTA_7_6_20_10.csv")
.then(text=>d3.csvParseRows(text))
.then(d=>console.log(d));

var data=d3.csv("DELTA_7_6_20_10.csv", function(d){
  return{
  bins:d.bins,
  order_count:parseFloat(d.order_count)};
},
function(d){console.log(d);
});

1 个答案:

答案 0 :(得分:0)

第二个代码块的格式似乎不正确。您应检查d3.csv()的API documentation

下面的代码应该工作,假设文件路径正确。

d3.csv('DELTA_7_6_20_10.csv', function(d) {
  return {
    bins: d.bins,
    order_count: Number(d.order_count)
  };
}).then(function(data) {
  console.log(data);
});