Hi
I have to create chart where y axix is in reverse order.
Max value should be 0 min 10.
It will show user position in ranking during some time/steps.
So the lower value (close 1) is better than higher.
But it seems that if I set reverse values on axis then chart does not look well.
Could you help?
Detailed description:
If there is
something does not work well:
- no horizontal grid lines
- no labels on series
- no labels on y axis
- no labels on mouse move
If there is
All is OK
$(document).ready(function(){
$.jqplot.config.enablePlugins = true;
var flotOptions = {
seriesDefaults:{
showMarker:true,
pointLabels: { show:true },
},
axesDefaults:{
showTicks:true,
showTickMarks:true,
tickInterval: 1,
tickOptions: {
formatString: '%i'
}
},
axes:{
xaxis:{
min:0,
max:10
},
yaxis: {
min:0,
max:10
}
}
};
var plot1 = $.jqplot ( 'chartdiv', [[1,1,1,1,1]], flotOptions);
});
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="js/excanvas.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.jqplot.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jqplot.barRenderer.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jqplot.categoryAxisRenderer.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jqplot.cursor.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jqplot.highlighter.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jqplot.dragable.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jqplot.pointLabels.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery.jqplot.css" />
best regards
MZ