javascript - 折线图功能从不同列中提取数据

Question

我尝试创建一个函数来绘制一个简单的折线图，其中包含不同城市的二氧化碳排放数据。在我的数据集中，每一列都是一个城市，每一行都是一年，因此这些数字指的是该地方每年释放到大气中的二氧化碳。

function lineChart(city){

// set the dimensions and margins of the graph
var margin = {top: 20, right: 20, bottom: 30, left: 50},
    width = 960 - margin.left - margin.right,
    height = 500 - margin.top - margin.bottom;

// parse the date / time
var parseTime = d3.timeParse("%Y");

// set the ranges
var x = d3.scaleTime().range([0, width]);
var y = d3.scaleLinear().range([height, 0]);

// define the line
var valueline = d3.line()
    .x(function(d) { return x(d.Year); })
    .y("function(d) { return y(d."+city+"); }");

;}

lineChart("london");

我知道代码不完整，但我粘贴了这段代码是为了让您知道我想做什么。我想通过调用以城市为变量的函数来为每个城市绘制不同的图表。我尝试使用此 .y("function(d) { return y(d."+city+"); }"); 但它不起作用。

有人知道如何解决这个问题吗？

谢谢

Answer 1

您不需要 "周围"function(d) { return y(d."+city+"); }" -- 告诉 javascript 解释文本 function(d) { return y(d.和); }作为字符串，给出 y function(d) { return y(d.london); } 的属性。您想要执行该函数，而不是仅仅引用它。

要访问该城市的数据，您需要访问

d['london']

来自对象d (也可以写为 d.london )。自 city是一个存储当前城市名称的变量，您可以使用

d[city]

整行就是这样

.y(function(d) { return y(d[city]); });