$(document).ready(function(){
//------------------------------------------Quadrant 1 (Top Left)
var s2 = [200, 600, 700, 350];
var ticks = ['>15', '11-15', '6-10', '0-5'];
var plot2 = $.jqplot('testTarget2', [s2], {
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
rendererOptions: {fillToZero: true},
pointLabels: {show: true}
},
series:[
{label:'Airfare'}
],
axesDefaults: {
showTicks: true,
showTickMarks: true
},
axes: {
// Use a category axis on the x axis and use our custom ticks.
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks
},
});
//------------------------------------------Quadrant 2 (Top Right)
var s4 = [200, 600, 700, 350];
var ticks = ['1-5', '6-10', '11-15', '>15'];
var plot4 = $.jqplot('testTarget4', [s4], {
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
rendererOptions: {fillToZero: true},
pointLabels: {show: true}
},
series:[
{label:'Airfare'}
], axesDefaults: {
showTicks: true,
showTickMarks: true
},
axes: {
// Use a category axis on the x axis and use our custom ticks.
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks
}
}
});
//------------------------------------------Quadrant 3 (Bottom left)
var s1 = [-700, -600, -250, -1000];
var ticks = ['May', 'June', 'July', 'August'];
var plot1 = $.jqplot('testTarget', [s1], {
// The "seriesDefaults" option is an options object that will
// be applied to all series in the chart.
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
rendererOptions: {fillToZero: true},
pointLabels: {show: true}
},
series:[
{label:'Airfare'}
],
axesDefaults: {
showTicks: false,
showTickMarks: false
},
axes: {
// Use a category axis on the x axis and use our custom ticks.
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks
},
}
});
//------------------------------------------Quadrant 4 (bottom right)
var s3 = [-700, -600, -250, -1000];
var plot3 = $.jqplot('testTarget3', [s3], {
// The "seriesDefaults" option is an options object that will
// be applied to all series in the chart.
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
rendererOptions: {fillToZero: true},
pointLabels: {show: true}
},
series:[
// {label:'Hotel'},
// {label:'Event Regristration'},
{label:'Airfare'}
],
axesDefaults: {
showTicks: false,
showTickMarks: false
},
axes: {
// Use a category axis on the x axis and use our custom ticks.
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks
}
}
});
});
Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.
”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.
Our community of experts have been thoroughly vetted for their expertise and industry experience.