[英]Update flot chart with slider
嗨,我有两个脚本,想要制作其中一个。 我将滑块的值添加到图表中,但如果使用滑块,则不要进行更改。 我尝试了不同的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);
});
plot.draw()不会重置数据或缩放轴,重新绘制整个图形会更容易(在性能方面,您不会注意到差异)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.