title: Jqplot - Highlighter show tool tip with data from multiple y axis
body: <p>I am using JqPlot.</p>
  
  <p>Here is my <a href="http://jsfiddle.net/yrshaikh/yRLJF/" rel="nofollow noreferrer">fiddle</a> and below is my screenshot. I am using two y axis. On the left y axis I have my revenue and on my right y axis I have my page views.</p>
  
  <p>Now on hover on the lines, I want to show both the Views and Revenue in the tooltip, as seen in the example below I am only able to get data from 2 axes at a time.</p>
  
  <p>Any thoughts ?</p>
  
  <p><img src="https://i.stack.imgur.com/qpzi0.png" alt="enter image description here"></p>
  
  <p>Below is my code </p>
  
  <pre><code>$(document).ready(function () {
  
    $.jqplot.config.enablePlugins = true;
  
    s1 = [['23-May-08',1, 11],['24-May-08',4, 14],['25-May-08',2, 22],['26-May-08', 6, 26]];
    s2 = [['23-May-08',11, 1],['24-May-08',14, 4],['25-May-08',22, 2],['26-May-08', 26, 6]];
  
    plot1 = $.jqplot('chart',[s1, s2],{
       title: 'Highlighting, Dragging, Cursor and Trend Line',
       axes: {
           xaxis: {
               renderer: $.jqplot.DateAxisRenderer,
               tickOptions: {
                   formatString: '%#m/%#d/%y'
               },
               numberTicks: 4
           },
           yaxis: {
               tickOptions: {
                   formatString: '$%.2f'
               }
           }
       },
       highlighter: {
           show:true,
       },
       cursor: {
           show: true
       },
        series: [
          {
              lineWidth: 2,
              highlighter: { formatString: "&lt;div style='background-color:white; border:1px #ddd solid; width:220px; height:60px'&gt;%s . Views : %s Revenue : %s &lt;/div&gt;" }
          },
          {
              yaxis: 'y2axis',
              highlighter: { formatString: "&lt;div style='background-color:white; border:1px #ddd solid; width:220px; height:60px'&gt;%s . Views : %s Revenue : %s &lt;/div&gt;" }
          }]
    });
  });​
  </code></pre>