jqplot js打破了我的jquery

时间:2012-07-07 19:45:15

标签: javascript jquery jqplot

我正在使用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">

0 个答案:

没有答案