title: How can I change the width of the bars in a highchart?
body: <p>With a bar chart like <a href="http://www.highcharts.com/demo/column-negative" rel="noreferrer">this one</a>, is is possible to change the width of the bars to represent another data attribute, say the weight of the fruits. The heavier the fruit is, the thicker the bar.</p>
  
  <p>You play with  the script <a href="http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-negative/" rel="noreferrer">here</a>. I am open to other javascript plotting libraries that could do that as long as they are free.</p>
  
  <pre><code>$(function () {
      var chart;
      $(document).ready(function() {
          chart = new Highcharts.Chart({
              chart: {
                  renderTo: 'container',
                  type: 'column'
              },
              title: {
                  text: 'Column chart with negative values'
              },
              xAxis: {
                  categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
              },
              tooltip: {
                  formatter: function() {
                      return ''+
                          this.series.name +': '+ this.y +'';
                  }
              },
              credits: {
                  enabled: false
              },
              series: [{
                  name: 'John',
                  data: [5, 3, 4, 7, 2]
                  // I would like something like this (3.5, 6 etc is the width) :
                  // data: [[5, 3.4], [3, 6], [4, 3.4], [7, 2], [2, 5]]
              }, {
                  name: 'Jane',
                  data: [2, -2, -3, 2, 1]
              }, {
                  name: 'Joe',
                  data: [3, 4, 4, -2, 5]
              }]
          });
      });
  
  });​
  </code></pre>