JqPlot plot to image is incorrect (delayed)
<p>I will show you my jqplot line chart</p>

<p><img src="http://i.stack.imgur.com/BjFBW.png" alt="enter image description here"></p>

<p>And To Plot Image</p>

<p><img src="http://i.stack.imgur.com/oC5op.png" alt="enter image description here"></p>

<p>How I see that the bottom label numbers are delyed as his label.</p>

<p>My JQuery PlotToImage function</p>

<pre><code>if (!$.jqplot.use_excanvas) {
         $('div.jqplot-target').each(function () {
            var outerDiv = $(document.createElement('div'));
            var header = $(document.createElement('div'));
            var div = $(document.createElement('div'));

            outerDiv.append(header);
            outerDiv.append(div);

            outerDiv.addClass('jqplot-image-container');
            header.addClass('jqplot-image-container-header');
            div.addClass('jqplot-image-container-content');

            header.html('Right Click to Save Image As...');

            var close = $(document.createElement('a'));
            close.addClass('jqplot-image-container-close');
            close.html('Close');
            close.attr('href', '#');
            close.click(function () {
               $(this).parents('div.jqplot-image-container').hide(500);
               return false;
            })
            header.append(close);

            $(this).after(outerDiv);
            outerDiv.hide();

            outerDiv = header = div = close = null;

            if (!$.jqplot._noToImageButton) {
               var btn = $(document.createElement('button'));
               btn.text('View Plot Image');
               btn.addClass('jqplot-image-button');
               btn.on('click', { chart: $(this) }, function (evt) {
                  var imgelem = evt.data.chart.jqplotToImageElem();
                  var div = $(this).nextAll('div.jqplot-image-container').first();
                  div.children('div.jqplot-image-container-content').empty();
                  div.children('div.jqplot-image-container-content').append(imgelem);
                  div.show(500);
                  div = null;
               });

               $(this).after(btn);
               btn.after('&lt;br /&gt;');
               btn = null;
            }
         });
      }
</code></pre>

<p>And CSS:</p>

<pre><code>div.jqplot-image-container {
    display: none;
    background-color: #fff;
    border: 1px solid #999;
    display: inline-block;
    margin-top: 25px;
    clear: both;
}

div.jqplot-image-container-header {
    font-size: 1.0em;
    font-weight: bold;
    padding: 5px 15px;
    background-color: #eee;
}

div.jqplot-image-container-content {
    padding: 15px;
}

a.jqplot-image-container-close {
    float: right;
}
</code></pre>

<p>What causes my delayed label numbers ?</p>
