1
我試圖隱藏所有標籤，並在鼠標懸停在問題欄上時，只顯示jqplot中我的條形圖的x和y值。我已經能夠擺脫y軸標籤，但一直無法正確擺脫x軸標籤。此外，x軸的高亮顯示中的值正被轉換爲整數，而不是包含文本值。有任何想法嗎？如何使用jqplot條形圖隱藏標籤和顯示熒光筆中的值
這裏的HTML：
<html>
<head>
<!--[if lt IE 9]><script language="javascript" type="text/javascript"
src="/static/jqplot/excanvas.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="http://www.jqplot.com/src/jquery-1.5.1.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.jqplot.com/src/jquery.jqplot.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.jqplot.com/src/plugins/jqplot.highlighter.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.jqplot.com/src/plugins/jqplot.cursor.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.jqplot.com/src/plugins/jqplot.barRenderer.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.jqplot.com/src/plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.jqplot.com/src/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.jqplot.com/src/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.jqplot.com/src/plugins/jqplot.canvasTextRenderer.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.jqplot.com/src/jquery.jqplot.min.css" />
</head>
<div id="numbertimeschart" style="width: 800px; height=600px"></div>
<script type="text/javascript">
$.jqplot('numbertimeschart', [[['Nov 10, 2012, 02:22PM, number 6', 123.70500016212463], ['Nov 10, 2012, 02:22PM, number 5', 121.24499988555908], ['Nov 10, 2012, 02:22PM, number 4', 123.40899991989136], ['Nov 10, 2012, 02:22PM, number 3', 123.13800001144409], ['Nov 10, 2012, 02:22PM, number 2', 127.06200003623962], ['Nov 10, 2012, 01:10PM, number 9', 121.8140001296997], ['Nov 10, 2012, 01:10PM, number 8', 124.24000000953674], ['Nov 10, 2012, 01:10PM, number 7', 122.05999994277954], ['Nov 10, 2012, 01:10PM, number 6', 124.79999995231628], ['Nov 10, 2012, 01:10PM, number 5', 123.58000016212463], ['Nov 10, 2012, 01:10PM, number 4', 124.0149998664856], ['Nov 10, 2012, 01:10PM, number 3', 124.79500007629395], ['Nov 10, 2012, 01:10PM, number 2', 126.04999995231628], ['Nov 10, 2012, 11:37AM, number 8', 120.31300020217896], ['Nov 10, 2012, 11:37AM, number 7', 123.29999995231628], ['Nov 10, 2012, 11:37AM, number 6', 122.19000005722046], ['Nov 10, 2012, 11:37AM, number 5', 121.6819999217987], ['Nov 10, 2012, 11:37AM, number 4', 122.83599996566772], ['Nov 10, 2012, 11:37AM, number 3', 124.12800002098083], ['Nov 10, 2012, 11:37AM, number 2', 127.18899989128113]]],{
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
},
series:[
{
label: 'Most recent 20 numbers for Test',
color: '#fa554f',
markerOptions: {
show: false,
},
},
],
grid:{
background: "#FFFFFF",
gridLineColor: "#222222",
borderColor: "#323232",
borderWidth: 1.0,
},
axesDefaults: {
pad: 0,
showTicks: false,
showTickMarks: false,
},
axes:{
xaxis:{
renderer: $.jqplot.CategoryAxisRenderer,
rendererOptions: {
tickRenderer: $.jqplot.AxisTickRenderer,
tickOptions: {
show: false,
showLabel: false,
formatString: '%s',
},
}
},
yaxis:{
tickOptions: {
formatString: '%.2f',
}
}
},
highlighter: {
show: true,
sizeAdjust: 0,
tooltipLocation: 'ne',
},
legend:{
show: true,
location: 'nw',
},
cursor:{
show: false,
}
});
</script>
</html>