How to plot bar graph dynamically using jqplot

<script class="code" type="text/javascript">

$(document).ready(function(){

  var s1 = [2, 6, 7, 10]
  var s2 = [7, 5, 3, 4];
  var s3 = [14, 9, 3, 8];

   
    plot3 = $.jqplot('chart1', [s1, s2, s3], {
               
                stackSeries: true,
                captureRightClick: true,
                animate: !$.jqplot.use_excanvas,
                seriesDefaults: {
                    renderer: $.jqplot.BarRenderer,
                    rendererOptions: {
                       barMargin: 30,
                        highlightMouseDown: true
                    },
                    pointLabels: { show: true }
                },
                axes: {
                    xaxis: {
                        renderer: $.jqplot.CategoryAxisRenderer
                    },
                    yaxis: {
                        padMin: 0
                    }
                },
                legend: {
                    renderer: $.jqplot.EnhancedLegendRenderer,
                    show: true,
                    location: 'e',
                    placement: 'outside'
                }
            });
            $('#chart1').bind('jqplotDataClick',
    function (ev, seriesIndex, pointIndex, data) {
        $('#info3').html('series: ' + seriesIndex + ', point: ' + pointIndex + ', data: ' + data);
    }
  );
        });
    </script>