d3.js - パス描画エラーが発生しました

Question

d3.jsフレームワークを使用して線を描画しようとしています。しかし、何らかの理由で、私は理解できないエラーが続いています。

誰でもお手伝いしますか？

d3.min.js:1 Error: attribute d: Expected number

そしてここでは私のコードです：

window.onload = function(){ 


    var data = [100, 110, 140, 130, 80, 75, 120, 130, 100]; 

    var w = 500; 
    var h = 300; 
    var margin_x = 32; 
    var margin_y = 20; 

    y = d3.scale.linear().domain([0, d3.max(data)]).range([0+margin_y, h-margin_y]); 
    x = d3.scale.linear().domain([0, data.length]).range(0+margin_x, w-margin_x); 

    var svg = d3.select("body").append("svg:svg").attr("width", w).attr("height", h); 
    var g = svg.append("svg:g").attr("transform", "translate(0," + h + ")"); 

    var line = d3.svg.line() 
    .x(function(d,i) { return x(i); }) 
    .y(function(d) { return -1 * y(d); }); 

    g.append("svg:path").attr("d", line(data)); 

} 

Live Demo here

Answer 1

あなたはx上range用ブラケットを逃している：それが必要ここ
は、私が取得していますエラーですbe：

x = d3.scale...range([0+margin_x, w-margin_x]);