简体   繁体   English

用滑块更新浮点图

[英]Update flot chart with slider

Hi I have two scripts and want to make one of them. 嗨,我有两个脚本,想要制作其中一个。 I get the value of the slider into the chart but if I use the slider the chart don't make changes. 我将滑块的值添加到图表中,但如果使用滑块,则不要进行更改。 I tried different plot.draw(); 我尝试了不同的plot.draw(); but I don't find an working solution. 但我找不到可行的解决方案。

What I must do? 我应该做什么? Can you help me please? 你能帮我吗?

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


});

plot.draw()不会重置数据或缩放轴,重新绘制整个图形会更容易(在性能方面,您不会注意到差异)

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM