title: Having problems with jqPlot bar chart
body: <p>I'm using jqPlot to create a bar graph, but I ran into a few problems.</p>
  
  <p><strong>Problem 1:</strong> The first and last bars on the graph are cut off. Only half of it is displaying</p>
  
  <p><strong>Problem 2:</strong> I don't want my data points to span the entire x-axis. Is there to not have the data span the entire x-axis?</p>
  
  <p><img src="https://i.stack.imgur.com/yH9wV.png" alt="enter image description here">
  <strong>ex:</strong> This is what is does right now. </p>
  
  <p>This is the data I am passing into it</p>
  
  <pre><code>var chartData = [["19-Jan-2012",2.61],["20-Jan-2012",5.00],["21-Jan-2012",6.00]]
  </code></pre>
  
  <p>This is the jquery I am using.</p>
  
  <pre><code> // Plot chart
          function PlotChart(chartData, numberOfTicks) {
              $.jqplot.config.enablePlugins = true;
                   var plot2 = $.jqplot('chart1', [chartData], {
                      title: 'Mouse Cursor Tracking',
                       seriesDefaults:{
                           renderer: $.jqplot.BarRenderer,
                           rendererOptions: {
                              barPadding: 1,
                              barMargin: 15,
                              barDirection: 'vertical',
                              barWidth: 50
                          }, 
                          pointLabels: { show: true }
                      },
                      axes: {
                          xaxis: {
                              pad: 0,       // a factor multiplied by the data range on the axis to give the
                              numberTicks: numberOfTicks,
                              renderer:  $.jqplot.DateAxisRenderer,  // renderer to use to draw the axis,
                              tickOptions: {
                                  formatString: '%b&amp;nbsp;%#d'   // format string to use with the axis tick formatter
                              }
                          },
                          yaxis: {
                              tickOptions: {
                                  formatString: '$%.2f'
                              }
                          }
                      },
                      highlighter: {
                          sizeAdjust: 7.5
                      },
                      cursor: {
                          show: true
                      }
                  });
              }
  </code></pre>