title: Google charts column chart width
body: <p>I am using bar chart Google Visualization. I have a problem with the way data points are plotted for the first and last data points.</p>
  
  <p><img src="https://i.stack.imgur.com/XYkWZ.jpg" alt="Plot"></p>
  
  <p>As, you can see, first data point (the one before 1985) and last data point is not shown completely. I width is reduced for these. I think padding is some issue. </p>
  
  <p>I am using following code:</p>
  
  <pre><code>google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  
  function drawChart(dataArray) {
      var data = google.visualization.arrayToDataTable(dataArray);
  
      var options1 = {
        hAxis: {title: 'Year', titleTextStyle: {color: 'Black', italic: false}, format:''},
        vAxis: {gridlines:{count:5}},
        colors:['green'],
        'chartArea': {'width': '90%', 'height': '80%'},         
        sliceVisibilityThreshold:0  //zero value item still show up 
      };
  
      var chart1 = new google.visualization.ColumnChart(document.getElementById('columnChart'));
      chart1.draw(data, options1);
    }
  </code></pre>