jqplot tickInterval issue
HTML
<script src="https://bitbucket.org/cleonello/jqplot/raw/32bbb38b42ffea9d2e2f985326bc23a7677c65d6/src/jquery.jqplot.js"></script>
<script src="https://bitbucket.org/cleonello/jqplot/raw/32bbb38b42ffea9d2e2f985326bc23a7677c65d6/src/plugins/jqplot.canvasAxisLabelRenderer.js"></script>
<script src="https://bitbucket.org/cleonello/jqplot/raw/32bbb38b42ffea9d2e2f985326bc23a7677c65d6/src/plugins/jqplot.dateAxisRenderer.js"></script>
<script src="https://bitbucket.org/cleonello/jqplot/raw/32bbb38b42ffea9d2e2f985326bc23a7677c65d6/src/plugins/jqplot.canvasAxisTickRenderer.js"></script>
<script src="https://bitbucket.org/cleonello/jqplot/raw/32bbb38b42ffea9d2e2f985326bc23a7677c65d6/src/plugins/jqplot.canvasTextRenderer.js"></script>
<div id="date_range_slider_1"></div>
<div>
<div style="float:left">Display interval:</div>
<div style="float:left">
<select id="display_interval_1">
<option value="1 month">1 month</option>
<option value="3 month" selected>3 month</option>
<option value="6 month">6 month</option>
<option value="1 year">1 year</option>
</select>
</div>
</div>
<div>
<button type="button" id="calc1">Generate</button>
</div>
<div id="chart1" style="margin-top:20px; margin-left:20px; width:650px; height:400px;"></div>
CSS
/*rules for the plot target div. These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
position: relative;
color: #666666;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
/* height: 300px;
width: 400px;*/
}
/*rules applied to all axes*/
.jqplot-axis {
font-size: 0.75em;
}
.jqplot-xaxis {
margin-top: 10px;
}
.jqplot-x2axis {
margin-bottom: 10px;
}
.jqplot-yaxis {
margin-right: 10px;
}
.jqplot-y2axis,
.jqplot-y3axis,
.jqplot-y4axis,
.jqplot-y5axis,
.jqplot-y6axis,
.jqplot-y7axis,
.jqplot-y8axis,
.jqplot-y9axis,
.jqplot-yMidAxis {
margin-left: 10px;
margin-right: 10px;
}
/*rules applied to all axis tick divs*/
.jqplot-axis-tick,
.jqplot-xaxis-tick,
.jqplot-yaxis-tick,
.jqplot-x2axis-tick,
.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick,
.jqplot-yMidAxis-tick {
position: absolute;
white-space: pre;
}
.jqplot-xaxis-tick {
top: 0px;
/* initial position untill tick is drawn in proper place */
left: 15px;
/* padding-top: 10px;*/
vertical-align: top;
}
.jqplot-x2axis-tick {
bottom: 0px;
/* initial position untill tick is drawn in proper place */
left: 15px;
/* padding-bottom: 10px;*/
vertical-align: bottom;
}
.jqplot-yaxis-tick {
right: 0px;
/* initial position untill tick is drawn in proper place */
top: 15px;
/* padding-right: 10px;*/
text-align: right;
}
.jqplot-yaxis-tick.jqplot-breakTick {
right: -20px;
margin-right: 0px;
padding: 1px 5px 1px 5px;
/* background-color: white;*/
z-index: 2;
font-size: 1.5em;
}
.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick {
left: 0px;
/* initial position untill tick is drawn in proper place */
top: 15px;
/* padding-left: 10px;*/
...
JavaScript
var x_water = [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.304, 0.35, 0.343, 0.337, 0.331, 0.325, 0.319, 0.313, 0.307, 0.302, 0.296, 0.29, 0.285, 0.279, 0.274, 0.269, 0.264, 0.259, 0.254, 0.25, 0.245, 0.24, 0.236, 0.232, 0.227, 0.223, 0.219, 0.215, 0.211, 0.207, 0.203, 0.199, 0.195, 0.189, 0.185, 0.182, 0.178, 0.175, 0.171, 0.168, 0.165, 0.162, 0.159, 0.156, 0.153, 0.15, 0.147, 0.144, 0.141, 0.139, 0.136, 0.133, 0.129, 0.126, 0.124, 0.122, 0.119, 0.116, 0.113, 0.111, 0.109, 0.106, 0.104, 0.102, 0.1, 0.0984, 0.0965, 0.0947, 0.0929, 0.0911, 0.0893, 0.0876, 0.0859, 0.0837, 0.082, 0.0804, 0.0788, 0.0771, 0.0756, 0.0741, 0.0726, 0.0705, 0.0689, 0.0675, 0.066, 0.0647, 0.0634, 0.0621, 0.0609, 0.0597, 0.0585, 0.0573, 0.0561, 0.055, 0.0538, 0.0527, 0.0516, 0.0506, 0.0495, 0.0485, 0.0474, 0.0465, 0.0455, 0.0445, 0.0435, 0.0426, 0.0417, 0.0408, 0.0399, 0.039, 0.0382, 0.0373, 0.0365, 0.0357, 0.0349, 0.0341, 0.0334, 0.0326, 0.0319, 0.0312, 0.0304, 0.0297, 0.029, 0.0284, 0.0277, 0.0271, 0.0265, 0.0259, 0.0252, 0.0246, 0.024, 0.0235, 0.0229, 0.0224, 0.0219, 0.0214, 0.0209, 0.0204, 0.0199, 0.0194, 0.019, 0.0184, 0.018, 0.0176, 0.0172, 0.0168, 0.0164, 0.016, 0.0156, 0.0152, 0.0148, 0.0145, 0.0141, 0.0138, 0.0135, 0.0131, 0.0128, 0.0125, 0.0122, 0.0119, 0.0116, 0.0113, 0.011, 0.0107, 0.0105, 0.0102, 0.00999, 0.00975, 0.00952, 0.00929, 0.00907, 0.00885, 0.00864, 0.00843, 0.00823, 0.00803, 0.00784, 0.00765, 0.00746, 0.00728, 0.00711, 0.00693, 0.00677, 0.00661, 0.00645, 0.00629, 0.00614, 0.006, 0.00585, 0.00571, 0.00557, 0.00543, 0.0053, 0.00517, 0.00505, 0.00492, 0.00479, 0.00468, 0.00456, 0.00446, 0.00433, 0.00422, 0.00411, 0.00401, 0.00391, 0.00382, 0.00373, 0.00365, 0.00356, 0.00348, 0.0034, 0.00331, 0.00323, 0.00316, 0.00309, 0.00302, 0.00295, 0.00289, 0.00282,...