title: jqPlot horizontal bar chart with tick label at top of bar
body: <p>I have a jqPlot hor. barchart like this one. <a href="https://stackoverflow.com/questions/9765521/jq-plot-getting-linear-x-axis-ticks">jq plot - getting linear x axis ticks</a></p>
  
  <p>I want to be able to put y-axis tick labels (like software and services, israel in the pic)
  on top of respective bars using some parameters or renderer instead of fiddling with css.</p>
  
  <p>Is there an easy way to do that? Thanks in advance.</p>
  
  <p>so far, my code looks like below.</p>
  
  <p>`
  function drawChart() {       </p>
  
  <pre><code>    var data = new Array(3);
      for (var i = 0; i &lt; data.length; i++) {
          data[i] = new Array(2);
          data[i][0] = Math.random() * 100;
          data[i][1] = 'text-' + (i + 1);
      }
  
      var plot2 = $.jqplot('votingresult', [
              data,
              ], {
                  seriesDefaults: {
                      renderer: $.jqplot.BarRenderer,
                      pointLabels: { show: true, location: 'e', edgeTolerance: -15 },
                      shadow: false,
                      rendererOptions: {
                          barDirection: 'horizontal',
                          barPadding: 20,
                          barMargin: 0,
                          barWidth: 20,
                          varyBarColor: true,                            
                      }
                  },
                  gridPadding: { top: 0, right: 0, bottom: 0 },
                  grid: {
                      drawGridLines: false,
                      drawBorder: false,
                      shadow: false
                  },
                  axesDefaults: {                        
                      showTicks: false,
                      shadow: false                        
                  },
                  axes: {
                      yaxis: {
                              renderer: $.jqplot.CategoryAxisRenderer,
                              tickRenderer: $.jqplot.CanvasAxisTickRenderer,                                 
                              tickOptions: {                                    
                                  fontSize: '10pt',                                    
                                  mark: 'inside',
                                  showLabel: false
                              }                                
                      }
                  }
              });
  }`
  </code></pre>
  
  <p>I want jqplot like one shown in the right side in this flickr picture.</p>
  
  <p><a href="http://www.flickr.com/photos/surajshrestha/7455033636/sizes/l/in/photostream/" rel="nofollow noreferrer">http://www.flickr.com/photos/surajshrestha/7455033636/sizes/l/in/photostream/</a></p>
  
  <p>Jeroen: I have looked into point labels. But, here, I am talking about axis label to be inside the graph.</p>