每5秒更新一次jqplot測量儀表

Question

我在模態窗口內顯示jqplot測量儀表，我想每5秒鐘更新一次。我寫了下面的代碼，但它不起作用

$(document).ready(function(){ 
s1 = [Math.floor(Math.random()*(401)+100)]; 

plot3 = $.jqplot('meter',[s1],{ 
    seriesDefaults: { 
     renderer: $.jqplot.MeterGaugeRenderer, 
     rendererOptions: { 
      min: 100, 
      max: 500, 
      intervals:[200, 300, 400, 500], 
      intervalColors:['#66cc66', '#93b75f', '#E7E658', '#cc6666'], 
      smooth: true, 
      animation: { 
       show: true 
      } 
     } 
    } 
}); 
$('a[href=\"#yw1_tab_3\"]').on('shown', function(e) { 
      if (plot3._drawCount === 0) { 
      plot3.replot(); 
     } 
     }); 
     windows.setInterval(function() { plot3.destroy(); 
     s1 = [Math.floor(Math.random()*(401)+100)]; 
     plot3.replot(); 
     }, 5000); 
}); 

如何在不更新整個頁面的情況下每5秒更新一次流量計？

Answer 1

這裏是修復：JsFiddle link

$(document).ready(function() { 
    var s1 = [Math.floor(Math.random() * (401) + 100)]; 

    var plot3 = $.jqplot('meter', [s1], { 
     seriesDefaults: { 
      renderer: $.jqplot.MeterGaugeRenderer, 
      rendererOptions: { 
       min: 100, 
       max: 500, 
       intervals: [200, 300, 400, 500], 
       intervalColors: ['#66cc66', '#93b75f', '#E7E658', '#cc6666'], 
       smooth: true, 
       animation: { 
        show: true 
       } 
      } 
     } 
    }); 
    setInterval(function() { 
     s1 = [Math.floor(Math.random() * (401) + 100)]; 
     plot3.series[0].data[0] = [1,s1]; //here is the fix to your code 
     plot3.replot(); 
    }, 1000); 
});