title: How can I customize my chart tooltip in jqplot?
body: <p>I have following chart. I need to show <code>MM/DD</code> as my x-axis label. In <code>tooltip</code> I want to show <code>HH:y-axis</code> data. </p>
  
  <p>IE: In the following chart I want <code>'Oct 15','Oct 16','Oct 17'</code> as x-axis label and as tooltip I need to show <code>'4.00,4' '6.00,7'</code> etc. Now my tooltip showing x-axis label itself.</p>
  
  <pre><code>var line1 = [
      ['2013-10-15 4:00', 4],
      ['2013-10-16 6:00', 7],
      ['2013-10-17 9:00', 6]
  ];
  var plot1 = $.jqplot('firstChart', [line1], {
      title: 'Server Activity',
      seriesDefaults: {
          rendererOptions: {
              varyBarColor: true,
              barWidth: 10
          }
      },
      axesDefaults: {
          tickRenderer: $.jqplot.CanvasAxisTickRenderer,
          tickOptions: {
              fontFamily: 'Georgia',
              fontSize: '10pt',
              angle: -40
          }
      },
      axes: {
          xaxis: {
              renderer: $.jqplot.DateAxisRenderer,
              tickOptions: {
                  tickOptions: {
                      mark: 'outside',
                      show: true,
                      showLabel: true,
                      formatString: '%b %d, %Y %H:00',
                      fontSize: 11
                  }
              },
              tickInterval: '1 day'
          },
          yaxis: {
              min: 0,
              tickOptions: {
                  mark: 'inside',
                  show: true,
                  showLabel: true,
                  formatString: '%d',
                  fontSize: 11
              }
          }
      },
      highlighter: {
          show: true,
          sizeAdjust: 7.5
      },
      cursor: {
          show: false
      }
  });
  </code></pre>