遺漏的類型錯誤：無法讀取的不確定

這裏財產「軸」是我的代碼片段：遺漏的類型錯誤：無法讀取的不確定

<html> 
<head> 
    <meta charset="utf-8">   
    <title>a picture</title> 
    <style> 
     .axis path, 
     .axis line{ 
      fill: none; 
      stroke: black; 
      shape-rendering: crispEdges; 
     } 

     .axis text{ 
      font-family: sans-serif; 
      font-size: 11px; 
     } 
    </style> 
</head> 

    <body> 
     <script src="http://d3js.org/d3.v4.min.js" charset="utf-8"></script> 
     <script> 
      var width=300; 
      var height=300; 

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

      var dataset = [ 2.5 , 2.1 , 1.7 , 1.3 , 0.9 ]; 

      var linear = d3.scaleLinear()  
          .domain([0, d3.max(dataset)]) 
          .range([0, 250]); 

      var rectHeight=25; 

      svg.selectAll("rect") 
       .data(dataset) 
       .enter() 
       .append("rect") 
       .attr("x",20) 
       .attr("y",function(d,i){ 
        return i * rectHeight; 
      }) 
       .attr("width",function(d){ 
        return linear(d); 
      }) 
       .attr("height",rectHeight-2) 
       .attr("fill","steelblue"); 

      var axis = d3.svg.axis() 
         .scale(linear)  
         .orient("bottom")   
         .ticks(7);   

      svg.append("g") 
       .attr("class","axis") 
       .attr("transform","translate(20,130)") 
       .call(axis); 

     </script> 

    </body> 
</html>

這是我的代碼，但是當我使用它，我會得到錯誤：劇情：53遺漏的類型錯誤：無法讀取未定義的屬性'軸'。在搜索了一些關於它的問題之後，我想可能會有更新，但我不知道如何處理它，請給我一個很好的介紹？謝謝！

來源

2016-11-21 Charlie

您正在使用d3 v4.x.在這個新版本中，axis generator功能已經改變。

這是正確的變量：

var axis = d3.axisBottom(linear) 
    .ticks(7);

來源

2016-11-21 09:29:13

非常感謝您！ – Charlie

遺漏的類型錯誤：無法讀取的不確定

回答

相關問題