从csv填充折线图(Populating a line graph from csv)

 我正在尝试从csv文件中提取信息并在d3中填充我的折线图。 我的代码格式大量来自： http ： //bl.ocks.org/mbostock/3884955 
 
 这是我从csv文件中提取信息的实际代码： 
 
d3.csv("population.csv", function(error, data) {

    // convert your csv data and add it to dataSet
    var color = d3.scale.category10();
    color.domain(d3.keys(data[0]).filter(function(key) {return key !== "year";}));

    var census = color.domain().map(function(name) {
         return {
              name: name,
              values: data.map(function(d) {
                   return {year: d.year, population: +d[name]};  
              })
         };  
    });
 
 我的CSV数据结构如下： 
 
year, population1, population2, population3, population4, population5
0, 5000, 5000, 5000, 5000, 5000
 
 （这些只是样本数字，我通过excel查看它看起来没问题）。 
 
 但是，当我通过本地主机运行它时，我收到以下错误： 
 
Uncaught TypeError: Object function n(n){n.each(function(){var n,s=Xo.select(this),l=this.__chart__||e,f=this.__chart__=e.copy(),h=null==c?f.ticks?f.ticks.apply(f,a):f.domain():c,g=null==t?f.tickFormat?f.tickFormat.apply(f,a):bt:t,p=s.selectAll(".t...<omitted>...x'
 
 它是由这一块看起来相对无害的代码触发的，所以我怀疑它与我首先拉动csv数据有关。 
 
  var line = d3.svg.axis()
       //.interpolate("basis")
       .x(function(d) {return x(d.year); })
       .y(function(d) {return y(d.population); })

I'm trying to pull information from a csv file and populating my line graph in d3. I'm basing the format of my code heavily from: http://bl.ocks.org/mbostock/3884955
 
Here's my actual code to pull information from my csv file:
 
d3.csv("population.csv", function(error, data) {

    // convert your csv data and add it to dataSet
    var color = d3.scale.category10();
    color.domain(d3.keys(data[0]).filter(function(key) {return key !== "year";}));

    var census = color.domain().map(function(name) {
         return {
              name: name,
              values: data.map(function(d) {
                   return {year: d.year, population: +d[name]};  
              })
         };  
    });
 
My CSV data is structured like this:
 
year, population1, population2, population3, population4, population5
0, 5000, 5000, 5000, 5000, 5000
 
(these are just sample numbers, I viewed it via excel and it looks alright).
 
However, when I run it through the local host, I get the following error:
 
Uncaught TypeError: Object function n(n){n.each(function(){var n,s=Xo.select(this),l=this.__chart__||e,f=this.__chart__=e.copy(),h=null==c?f.ticks?f.ticks.apply(f,a):f.domain():c,g=null==t?f.tickFormat?f.tickFormat.apply(f,a):bt:t,p=s.selectAll(".t...<omitted>...x'
 
And it is triggered by this chunk of code, which looks relatively harmless, so I suspect it has to do with my pulling the csv data in the first place.
 
  var line = d3.svg.axis()
       //.interpolate("basis")
       .x(function(d) {return x(d.year); })
       .y(function(d) {return y(d.population); })

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