Tengo un gráfico de barras en http://hahnsb0579.liveblog365.com/ y actualmente tengo un problema con paddingOuter .
Obtengo un gran relleno en la parte superior si configuro .paddingOuter(0.11) . pero si lo cambio a .paddingOuter(0.10) , parece que funciona bien. He estado tratando de resolver este problema durante 2 días, pero no pude resolverlo.
La pieza clave de código relacionada con este problema es la siguiente.
const yScale0 = d3.scaleBand() .domain(nexMeritDataObjBefore.members.map(function (e) { return e.name; })) .rangeRound([0, yRangeMax]) .paddingOuter(0.11) .paddingInner(0.2) .align(0.8)La documentación para band.round (que es utilizada por rangeRound ) dice:
Tenga en cuenta que si el ancho del dominio no es un múltiplo de la cardinalidad del rango, es posible que quede espacio sin usar, ¡incluso sin relleno!
Por lo tanto, una solución simple es usar range en su lugar:
.range([0, yRangeMax])