2016-05-26 4 views
-1

私はjqplotを使用していますが、何らかの理由で最後にインクルードされたプラグインは無視されます。私が自分のポジションを入れ替えると、最後のものは最初のものが動作しますが、最後のものは動作しません。コンソールのいずれかから外れるエラーはありません。キャンバスオーバーレイをカーソルの上に移動すると、オーバーレイは機能しますが、カーソルのオプションは機能しません。逆も同様です。最後に含まれるjavascriptファイルは無視されます

var nfdux021_ram = [["2016-05-19 00:00:01", 21], ["2016-05-19 00:05:02", 21], ["2016-05-19 00:10:01", 21], ["2016-05-19 00:15:01", 21], ["2016-05-19 00:20:01", 20]]; 
 
var plot1 = $.jqplot("chart1", [nfdux021_ram], { 
 
    seriesColors: ["rgba(78, 135, 194, 0.7)"], 
 
    title: 'NFDUX021 Memory <?php echo $StartTime . " - " . $FinishTime; ?>', 
 
    highlighter: { 
 
    show: true, 
 
    sizeAdjust: 1, 
 
    tooltipOffset: 9 
 
    }, 
 
    grid: { 
 
    background: 'rgba(57,57,57,0.0)', 
 
    drawBorder: false, 
 
    shadow: false, 
 
    gridLineColor: '#666666', 
 
    gridLineWidth: 2 
 
    }, 
 
    canvasOverlay: { 
 
    show: true, 
 
    objects: [{ 
 
     dashedHorizontalLine: { 
 
     name: 'average', 
 
     y: 25, 
 
     lineWidth: 2, 
 
     color: 'rgb(255, 255, 255)', 
 
     shadow: false 
 
     } 
 
    }] 
 
    }, 
 
    legend: { 
 
    show: false 
 
    }, 
 
    seriesDefaults: { 
 
    rendererOptions: { 
 
     smooth: true, 
 
     animation: { 
 
     show: true 
 
     } 
 
    }, 
 
    showMarker: false 
 
    }, 
 
    cursor: { 
 
    show: true, 
 
    showTooltip: false, 
 
    showVerticalLine: true, 
 
    showHorizontalLine: true 
 
    }, 
 
    series: [{ 
 
    fill: true, 
 
    label: 'Memory', 
 
    highlighter: { 
 
     formatString: 'Memory: %s - %s' 
 
    }, 
 
    linePattern: 'line', 
 
    lineWidth: 1 
 

 
    }, ], 
 

 
    axes: { 
 
    xaxis: { 
 
     renderer: $.jqplot.DateAxisRenderer, 
 
     tickRenderer: $.jqplot.CanvasAxisTickRenderer, 
 
     tickOptions: { 
 
     formatString: "%m-%d %H:%M", 
 
     angle: -90, 
 
     textColor: '#dddddd' 
 
     }, 
 
     tickInterval: "4 hours", 
 
     drawMajorGridlines: true 
 
    }, 
 
    yaxis: { 
 
     //renderer: $.jqplot.LogAxisRenderer, 
 

 
     ticks: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100], 
 
     tickOptions: { 
 
     formatString: "%'d%%", 
 
     showMark: true, 
 
     } 
 
    } 
 
    }, 
 

 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script class="include" type="text/javascript" src="../plugins/jqplot.dateAxisRenderer.min.js"></script> 
 
<!-- <script class="include" type="text/javascript" src="../plugins/jqplot.logAxisRenderer.min.js"></script> --> 
 
<script class="include" type="text/javascript" src="../plugins/jqplot.canvasTextRenderer.min.js"></script> 
 
<script class="include" type="text/javascript" src="../plugins/jqplot.canvasAxisTickRenderer.min.js"></script> 
 
<script class="include" type="text/javascript" src="../plugins/jqplot.highlighter.min.js"></script> 
 
<script class="include" type="text/javascript" src="../plugins/jqplot.cursor.min.js" </script> 
 
<script class="include" type="text/javascript" src="../plugins/jqplot.canvasOverlay.min.js"</script>

+0

(>)その閉じ括弧が欠落しているあなたは、 '>'最後のスクリプトタグへの2番目のを逃しています。 –

答えて

3

この開口スクリプトタグは

<script class="include" type="text/javascript" src="../plugins/jqplot.cursor.min.js" </script> 
+0

これまでずっとこれを見つめてくれてありがとう。 – Unfundednut

関連する問題