title: jquery flot zoom selection is not working for to charts
body: <p>I am new in jQuery flot, I have two charts I want to connect the two for zoom and selection functionality,</p>
  
  <p>Code: </p>
  
  <pre><code>      // now connect the two
  
    $("#time_chart").bind("plotselected", function(event, ranges) {
  
      // clamp the zooming to prevent eternal zoom
  
      if (ranges.xaxis.to - ranges.xaxis.from &lt; 0.00001) {
        ranges.xaxis.to = ranges.xaxis.from + 0.00001;
      }
  
      if (ranges.yaxis.to - ranges.yaxis.from &lt; 0.00001) {
        ranges.yaxis.to = ranges.yaxis.from + 0.00001;
      }
  
      // do the zooming
  
      plot = $.plot("#time_chart", time_series,
        $.extend(true, {}, options, {
          xaxis: {
            min: ranges.xaxis.from,
            max: ranges.xaxis.to
          },
          yaxis: {
            min: ranges.yaxis.from,
            max: ranges.yaxis.to
          }
        })
      );
  
      // don't fire event on the overview to prevent eternal loop
  
      time_overview.setSelection(ranges, true);
    });
  
    $("#time_overview").bind("plotselected", function(event, ranges) {
      plot.setSelection(ranges);
    });
  </code></pre>
  
  <p>Please see the demo :</p>
  
  <p><a href="http://jsfiddle.net/w47agnq2/" rel="nofollow">http://jsfiddle.net/w47agnq2/</a></p>
  
  <p>My chart displays the data correctly but I feel for connecting both two I am doing some mistake.</p>
  
  <pre><code>$.plot("#time_chart", time_series,
            $.extend(true, {}, options, {
  </code></pre>
  
  <p>while passing <code>time_series</code>.</p>
  
  <p>Please help me.</p>