D3 V4 -尝试绘制简单的折线图

var svg = d3.select("body")
            .append("svg")
            .attr("width", width)
            .attr("height", height);

var xScale = d3.scaleLinear()
               .domain([0, d3.max(data, function(d) { return d.x; })])
               .range([0, width]);

var yScale = d3.scaleLinear()
               .domain([0, d3.max(data, function(d) { return d.y; })])
               .range([height, 0]);

var line = d3.line()
             .x(function(d) { return xScale(d.x); })
             .y(function(d) { return yScale(d.y); });

svg.append("path")
   .datum(data)
   .attr("class", "line")
   .attr("d", line);

svg.append("g")
   .attr("transform", "translate(0," + height + ")")
   .call(d3.axisBottom(xScale));

svg.append("g")
   .call(d3.axisLeft(yScale));