我正在使用jqplot来做一些图形,它们工作正常,但我正在尝试使用'smooth'属性来平滑线条但是当我添加js文件时,我的jquery休息。而且我不知道为什么。我在FF上运行它并且firebug似乎没有向我显示任何错误。
这些是我用来绘制图形的js文件(工作正常)
<script type="text/javascript" src="/miloWeb/js/jqplot/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="/miloWeb/js/jqplot/jqplot.dateAxisRenderer.min.js"></script>
<link rel="stylesheet" type="text/css" href="/miloWeb/css/jqplot/jquery.jqplot.css" media="screen" />
然后我添加了这些,jquery中断了。
<script type="text/javascript" src="/miloWeb/js/jqplot/jquery.min.js"></script>
<script type="text/javascript" src="/miloWeb/js/jqplot/plugins/jqplot.highlighter.min.js"></script>
<link rel="stylesheet" type="text/css" href="/miloWeb/css/jqplot/jquery.jqplot.min.css" />
我构建图表的方式是这样的:
$( "#chartPointsBmi" ).dialog( "open" );
var plot2 = $.jqplot('bmiChartDiv', coordinates, {
title:'BMI/Time Graph',
gridPadding:{right:35},
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{formatString:'%b %#d, %y'},
// min:'May 01, 2011',
tickInterval:'1 year'
},
yaxis:{
min:0,
max:40,
tickInterval:'5'
}
},
series:[{lineWidth:5, rendererOptions: {smooth: true}, markerOptions:{style:'filledCircle'}}]
});
关于他们为什么不参加比赛的任何想法?谢谢!
〜MYY
修改
这是渲染的html
<link rel="stylesheet" type="text/css" href="/miloWeb/css/redmond/jquery-ui-1.8.11.custom.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/miloWeb/css/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/miloWeb/css/view.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/miloWeb/css/ezmark.css" media="screen" />
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.milo #content { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */
</style>
<![endif]-->
<script type="text/javascript" src="/miloWeb/js/jquery.ezmark.js"></script>
<script type="text/javascript" src="/miloWeb/js/jquery.maskedinput.js"></script>
<script type="text/javascript" src="/miloWeb/js/random.js"></script>
<script type="text/javascript" src="/miloWeb/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="/miloWeb/js/jquery.maxlength-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".button").button();
});
function loading(){
$( "#loadingPopUp" ).dialog( "open" );
return false;
}
function unloading(){
$( "#loadingPopUp" ).dialog( "close" );
return false;
}
</script>
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="/miloWeb/js/jqplot/excanvas.js"></script><![endif]-->
<script type="text/javascript" src="/miloWeb/js/jqplot/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="/miloWeb/js/jqplot/jquery.min.js"></script>
<script type="text/javascript" src="/miloWeb/js/jqplot/plugins/jqplot.highlighter.min.js"></script>
<link rel="stylesheet" type="text/css" href="/miloWeb/css/jqplot/jquery.jqplot.min.css" />
<script language="javascript">