Bar is not displaying properly

[mcdollars]

 <!-- Expected showing 15 columns -->
  <bars
    :data="[1, 2, -5, 9, 5, 10, 3, 5, 5, 12, 1, 8, 2, 9, 14]"
    :gradient="['#6fa8dc', '#42b983']"
    :barWidth="5"
    :growDuration="1">
  </bars>
 <!-- it's working fine as I expected -->
  
 <!-- Expected showing 2 columns -->
  <bars
    :data="[1, 2]"
    :gradient="['#6fa8dc', '#42b983']"
    :barWidth="100"
    :growDuration="1"
  >
  </bars>
  <!-- It's not working properly as I expected -->

Attached the image below.

I believe I am explaining properly now and want to resolve this issue asap.

[mcdollars]

[mcdollars]