jqPlot Examples Baseline

This particular fiddle is setup so that basic jqPlot examples can be created. It's, at this point, a generic template setup in a state that will allow a simple fork to get you up and running faster.

HTML

<link rel="stylesheet" href="http://www.prioritymarketers.com/jqplot/src/jquery.jqplot.css">
<script src="http://www.prioritymarketers.com/jqplot/src/jquery.jqplot.js"></script>
<script src="     http://www.prioritymarketers.com/jqplot/src/plugins/jqplot.barRenderer.js"></script>
<script src="     http://www.prioritymarketers.com/jqplot/src/plugins/jqplot.categoryAxisRenderer.js"></script>
<script src="     http://www.prioritymarketers.com/jqplot/src/plugins/jqplot.pointLabels.js"></script>
<script src="     http://www.prioritymarketers.com/jqplot/src/plugins/jqplot.cursor.js"></script>
<!--[if lt IE 9]>
  <script src="http://www.prioritymarketers.com/jqplot/src/excanvas.min.js"></script>
<![endif]-->

<div id="chart1" style="margin-top:20px; margin-left:20px; width:600px; height:300px;"></div>

JavaScript

$(document).ready(function(){
var s1 = [50];
var s2 = [30];
var s3 = [20];
var yticks = ['0', '20', '40', '60', '80', '100'];
var xticks = ['Countries'];
var barchart = $.jqplot('chart1', [s1, s2, s3], {
            animate: true,
            grid: {
                background: 'white',
                drawBorder:false,
                shadow: false
            },
            
            seriesColors: ['#73C6E8', '#F28570', '#727272'],
            seriesDefaults: {
                renderer: $.jqplot.BarRenderer,
                rendererOptions: {
                    barPadding: 20,
                    barWidth: 25,
                    barMargin:10,
                    fillToZero: true
                },
                pointLabels: { show: true }
            },
            series: [
                { label: 'USA' },
                { label: 'India' },
                { label: 'South Africa' }
            ],
            legend: {
                show: true,
                placement: 'outsideGrid',
                location:'se',
                background:'white',
                border: 'white',
                fontFamily: 'Gotham Medium',
                fontSize:'12px',
                renderer: $.jqplot.EnhancedLegendRenderer
            },
            axes: {
                xaxis: {
                    renderer: $.jqplot.CategoryAxisRenderer,
                    ticks:xticks,
                    showTicks:false
                },
                yaxis: {
                    pad: 1.05,
                    ticks: yticks,
                    showTicks:false,
                    rendererOptions: {drawBaseline: false}
                }
            }
        });
})