title: How to customize both, width of the bar & spacing between bar in Highcharts.js
body: <p>I want to make something like this</p>
  <p><a href="https://i.stack.imgur.com/EjFuV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EjFuV.png" alt="enter image description here" /></a></p>
  <p>here goes my sample code :-</p>
  <pre><code>           plotOptions: {
                  series: {
                      borderWidth: 0,
                      pointWidth: 80,
                      groupPadding: 4,
                      dataLabels: {
                          enabled: true,
                          format: '{point.y:.1f}%',
                      }
                  }
              },
  </code></pre>
  <p>i am confused between pointWidh &amp; groupPadding property, only one property woks at a time.
  when give only pointWidth, width applies, and when groupPadding only, it also applies. but i want these property doesn't apply at the same time.
  what am i doing wrong
  here's the reproduce example
  <a href="https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/column-pointpadding-025/" rel="nofollow noreferrer">https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/column-pointpadding-025/</a></p>