1

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'}}]
                  });

彼らが一緒に遊んでいない理由についてのアイデアはありますか?? ありがとう！

〜マイ

編集：

これがレンダリングされた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