在d3 v4中添加x，y轴

Question

我真的很难在条形图中添加x和y轴。 我发现添加它们的方式总是不同的，直到现在，我还无法使这些方式在我的代码中起作用。

 var maxVal = d3.max(d3.values(dataArray));                     

 var scale = d3.scaleLinear()                                   
     .domain([0, maxVal])                                       
     .range([0, 400]);                                          

var xAxis = d3.axisBottom()                                    
     .scale(scale);                                             

 d3.select("#accordionChart")                                   
      .selectAll("div")                                         
      .data(dataArray)                                          
        .enter()                                                
        .append("div")                                          
        .style("width", function(d) { return scale(d) + 'px' }) 
        .text(function(d) { return d; })     

我想念什么？

Answer 1

我怀疑您未接来电，例如：

// draws the x and y axes
svg.select('.xaxis')
  .call(xAxis);
svg.select('.yaxis')
  .call(yAxis);

此外，我在您的代码段中没有看到放置两个轴的代码，例如：

// append skeleton of axes to svg
svg.append('g')
  .attr('class', 'xaxis')
  .attr('transform', 'translate(0,' + height + ')');

svg.append('g')
  .attr('class', 'yaxis');