1

我正在使用jqplot来制作一些图表,它们工作正常,但我正在尝试使用“平滑”属性来平滑线条,但是当我添加 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'}}]
                  });

关于他们为什么不一起玩的任何想法?谢谢!

~喵喵

编辑:

这是呈现的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">
4

0 回答 0