0

グラフの下部からバーが再び開始されることなく、グラフ上のデータがアニメーションで変化するように、ユーザーが押すことができるボタンが必要です。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 }
    });

});
4

1 に答える 1