2013-04-18 110 views
0

嗨我有两个脚本,并希望使其中之一。我将滑块的值放入图表中,但如果使用滑块,则图表不会进行更改。我尝试了不同的plot.draw();但我找不到工作解决方案。更新与滑块flot图表

我必须做什么?你能帮我吗?

$(function() { 

    /*-------------------------------------------------- 
    Plugin: Slider 
    --------------------------------------------------*/ 

    /* Increment Slider */ 
    $("#incrementSlider").slider({ 
     range: "min", 
     value:1500, 
     min: 0, 
     max: 10000, 
     step: 100, 
     slide: function(event, ui) { 
      $("#incrementAmount").text ("TXT: " + ui.value + "€"); 

     } 
    }); 

    $("#incrementAmount").text ("TXT: " + $("#incrementSlider").slider("value") + "€"); 


    var ds = []; 
    var data = []; 

    ds.push ([[1,$("#incrementSlider").slider("value")]]); 
    ds.push ([[1,$("#incrementSlider").slider("value") - $("#incrementSlider").slider("value")/100 * 19,5]]); 
    ds.push ([[1,$("#incrementSlider").slider("value")/100 * 19,5]]); 

    data.push ({ 
     data: ds[0], 
     label: 'Graph1', 
     bars: { 
     barWidth: 0.15, 
      order: 1 
     } 
    }); 
    data.push ({ 
     data: ds[1], 
     label: 'Graph2', 
     bars: { 
     barWidth: 0.15, 
      order: 2 
     } 
    }); 
    data.push ({ 
     data: ds[2], 
     label: 'Graph3', 
     bars: { 
     barWidth: 0.15, 
      order: 3 
     } 
    }); 

    Charts.vertical ('#vertical-chart', data); 


}); 
+0

没有人能帮助我? – TrivoXx

回答

0

plot.draw()不会重置数据或缩放轴,它会更容易,只是重新情节整个图形(性能明智的,你不会发现其中的差别)