Wie behebt man das d3-Objekt?

Question

Ich versuchte http://bl.ocks.org/godds/ec089a2cf3e06a2cd5fc Allerdings fand ich, wenn ich die Bürste verwendete, ist der Hauptteil der gestapelten Bar außerhalb der Grenze. Wie man es repariert? Ich denke, hier ist der Grund: some bars should not be shown in the main part but they are still in the scope of svg Vielen Dank für Ihre Hilfe!

Answer 1

Diese Zoomtypen sind buchstäblich nur geometrische Zooms, alle Balken werden noch gezeichnet, es ist nur so, dass die große Mehrheit außerhalb des Bildschirms liegt, einige liegen innerhalb der Diagrammgrenzen und einige liegen in der Achslücke dazwischen welche sind die, die peinlich aussehen.

ein SVG-Clip erstellen, und fügen Sie es auf der rechten Seite 'g' Element dieser Effekt loszuwerden:

svg.append("defs").append("clipPath") 
      .attr("id", "myclip") 
      .append ("rect") 
      .attr({x: 0, width: width, y: margin.top, height: height}); 

... und später im Code

// draw the bars 
     main.append("g") 
       .attr("clip-path", "url(#myclip)") 
       .attr("class", "bars")