0

I have two functions. FunctionToChangeBarChart and getPreviousDayValues. I want to draw jqPlot barchart in each function. So i wrote code for drawing bar chart in a fuction LoadBarChart and called this function both FunctionToChangeBarChart and getPreviousDayValues functoins. The problem is that the bar chart redraws, one over another, in each function call.

how can i refresh the bar chart?

FunctionToChangeBarChart = function(event){
        var totalNoUsers = 10;
        var tempStart = 4;
        var pendingTaskCount = 7;
        var completedTaskCount = 2;
                LoadBarChart(totalNoUsers,tempStart,pendingTaskCount,completedTaskCount);
    });
getPreviousDayValues = function(Event){
var totalUsers = 20; 
var tempStart = 4;
var pendingTaskCount = 9;
var completedTaskCount = 3;
LoadBarChart(totalUsers,tempStart,pendingTaskCount,completedTaskCount);

}

function LoadBarChart(total,start,pending,complete,todayVal){
            var s1 = [total, start, pending, complete];
            var ticks = ['total', 'started', 'pending','completed' ];
            plot1 = $.jqplot('chart1', [s1], {
               animate: !$.jqplot.use_excanvas,
            seriesDefaults:{
                renderer:$.jqplot.BarRenderer,
                rendererOptions: {barMargin: 0 , varyBarColor : true},
                pointLabels: { show: true }
            },
            title:{text:"Task Status and Users"},
            grid: {
                background: 'transparent',      // CSS color spec for background color of grid.
                drawBorder:false,
                drawGridlines:false,
                shadow:false
            },
            axes: {
                xaxis: {
                    renderer: $.jqplot.CategoryAxisRenderer,
                    ticks: ticks,
                    tickOptions : {
                                      //  showGridline : false
                    }
                },
                yaxis: {
                    tickOptions : {
                        //  showGridline : false
                    },
                    //  label:'Status',
                    labelRenderer: $.jqplot.CanvasAxisLabelRenderer
                }
            },
                seriesColors: [ "#000", "#ccc", "red","green"],
                highlighter: { show: false }
            });
            $('#chart1').bind('jqplotDataClick',
                        function (ev, seriesIndex, pointIndex, data) {$('#info1').html('series: '+seriesIndex+', point: '+pointIndex+', data: '+data);
            });
        }
milchreis
  • 79
  • 7
farsana p b
  • 165
  • 1
  • 12
  • 1
    Possible duplicate of [How to refresh jqplot bar chart without redrawing the chart](https://stackoverflow.com/questions/5178197/how-to-refresh-jqplot-bar-chart-without-redrawing-the-chart) – aknosis Sep 25 '17 at 06:12
  • Also a possible duplicate of [reuse jqplot object to load or replot data](https://stackoverflow.com/questions/4520451/reuse-jqplot-object-to-load-or-replot-data) – Olmstov Feb 27 '18 at 15:52

0 Answers0