Tengo un gráfico de barras apiladas en el siguiente codepen https://codepen.io/a166617/pen/qBXvzQd
Como puede ver el codepen, no muestra el gráfico en el eje x ni en la línea del eje y. el gráfico de barras se desliza hacia la derecha. ¿Puede alguien decirme cómo colocar un gráfico de barras en el eje x y el eje y del gráfico?
<g class="grid x-grid" id="xGrid"> <line x1="90" x2="90" y1="5" y2="371"></line> </g> <g class="grid y-grid" id="yGrid"> <line x1="90" x2="705" y1="370" y2="370"></line> </g>El código para lograr la línea para el eje x y el eje y es el siguiente. Pero de alguna manera el gráfico no aparece en el eje de la línea. ¿Puede alguien por favor guiarme donde me estoy equivocando?
La forma en que resolvería esto es usando el posicionamiento css . He agregado un código adicional en su codepen. Es viable si su gráfico tiene valores estáticos. Compruébalo aquí . Agregué esta clase personalizada en el div que contiene las barras y el título.
.mGraph > svg { position: relative; left: -40rem; top: -.65rem; } .mGraph > div { position: relative; left: -40rem; top: -.65rem; } .mGraph > text { position: relative; left: -50rem; }