I am having trouble inverting the left-side y-axis on my line chart, which is generated by jQuery/JQplot scripts.
I have two separate JavaScript arrays with identical x values (dates) in both arrays. My chart has a y-axis and a y2axis. I would like to invert the y-axis so that the lower values start from the top down, instead of bottom up.
This is a snippet of my code:
var rsWell2 =['3/30/2000', 74.38], ['1/26/2001', 62.23], ['2/15/2002', 63.67...
var rsWell4 = ['3/30/2000', -53.38], ['1/26/2001', -41.23], ['2/15/2002', -42.67]...
var plot1 = $.jqplot('chart', [rsWell2, rsWell4], { ...
xaxis:{
tickOptions:{
fontSize: '9pt',
angle:-60,
formatString:'%D'
},
tickRenderer:$.jqplot.CanvasAxisTickRenderer,
label: 'Date',
renderer:$.jqplot.DateAxisRenderer
},
yaxis:{
label: 'Depth to Water Level (ft below land)',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
rendererOptions:{
tickRenderer:$.jqplot.CanvasAxisTickRenderer},
tickOptions:{
fontSize: ...
formatString: ...
alignTicks: true
}
y2axis:{
tickOptions:{...}
}
Because my array values are always changing, I cannot specify a min and max value. I have tried many different ways and am now very frustrated! How can I accomplish this? Any help is greatly appreciated.
Liz