jqPlot Category Axis Renderer Plugin Tests and Examples
The plot(s) on this page use the following plugin:
<script type="text/javascript" src="../plugins/jqplot.categoryAxisRenderer.min.js"></script>
line1=[4, 25, 13, 22, 14, 17, 15];
plot1 = $.jqplot('chart1', [line1], {
title:'Default Category X Axis',
axes:{xaxis:{renderer:$.jqplot.CategoryAxisRenderer}},
series:[{lineWidth:4, markerOptions:{style:'square'}}]
});
line1=[4, 25, 13, 22, 14, 17, 15];
ticks = ['uno', 'dos', 'tres', 'cuatro', 'cinco', 'seis', 'siete'];
plot2 = $.jqplot('chart2', [line1], {
title:'Customized Category X Axis',
axes:{xaxis:{ticks:ticks, renderer:$.jqplot.CategoryAxisRenderer}},
series:[{lineWidth:4, markerOptions:{style:'square'}}]
});
line1=[['uno',4], ['due',25], ['tre',13], ['quattro',22], ['cinque',14], ['sei',17], ['sette',15]];
plot3 = $.jqplot('chart3', [line1], {
title:'Customized Category X Axis by
Series Data Specificaiton',
axes:{xaxis:{renderer:$.jqplot.CategoryAxisRenderer}},
series:[{lineWidth:4, markerOptions:{style:'square'}}]
});