グラフの下部からバーが再び開始されることなく、グラフ上のデータがアニメーションで変化するように、ユーザーが押すことができるボタンが必要です。jqPlot の動作方法の例を次に示します: http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_animate。これを可能にする別のプラグインがある場合、jqPlot を使用することに結婚していません。ありがとう!
私の現在のコードは次のとおりです。
function myReplot() {
var newdata = [[1,3],[2,6],[3,8],[4,11]];
plot1.series[0].data = newdata;
plot1.replot();
}
$(document).ready(function(){
$.jqplot.config.enablePlugins = true;
var data = [[2, 6, 7, 10]];
var ticks = ['a', 'b', 'c', 'd'];
plot1 = $.jqplot('chart1', data, {
// Only animate if we're not using excanvas (not in IE 7 or IE 8)..
animate: !$.jqplot.use_excanvas,
animateReplot: !$.jqplot.use_excanvas,
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
pointLabels: { show: true }
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks
}
},
highlighter: { show: false }
});
});