title: simple barchart and axis are side by side. SVG graph
body: <p>I have a stacked bar chart in the below codepen <a href="https://codepen.io/a166617/pen/qBXvzQd" rel="nofollow noreferrer">https://codepen.io/a166617/pen/qBXvzQd</a></p>
  <p>As you can see the codepen, it doesn't show graph on x-axis and y-axis line. barchart slides away to the right. Can someone please let me know how to put barchart on the x-axis and y-axis of graph?</p>
  <pre><code>&lt;g class=&quot;grid x-grid&quot; id=&quot;xGrid&quot;&gt;
    &lt;line x1=&quot;90&quot; x2=&quot;90&quot; y1=&quot;5&quot; y2=&quot;371&quot;&gt;&lt;/line&gt;
  &lt;/g&gt;
  &lt;g class=&quot;grid y-grid&quot; id=&quot;yGrid&quot;&gt;
    &lt;line x1=&quot;90&quot; x2=&quot;705&quot; y1=&quot;370&quot; y2=&quot;370&quot;&gt;&lt;/line&gt;
  &lt;/g&gt;
  </code></pre>
  <p>The code to achieve the line for the x-axis and y-axis is as follows. But somehow the graph does not show up on the line axis. Can someone please guide me where I am going wrong?</p>