Question

嗨，我有两个脚本，想要制作其中一个。我将滑块的值放入图表中，但如果我使用滑块，则图表不会进行更改。我尝试了不同的plot.draw（）;但我找不到有效的解决方案。

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

$(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);


});

Answer 1

plot.draw（）不会重置数据或缩放轴，更容易重新绘制整个图形（性能方面你不会注意到差异）

使用滑块更新flot图表

1 个答案: