2016-03-18 6 views
0

flotrで簡単なビジュアリゼーションを作成しようとしています。Flotr2はjQueryオブジェクトを見ることができません

キャッチされないターゲットコンテナが flotr2.min.js @ visibleGraph._setElでなければなりません:flotr2.min.js @ 27Graph:27N私は、チャートのためのdivコンテナを指定しようとすると、しかし、私はというエラーを取得します27(匿名関数)lines.html @:25iを @ jquery.min.js:2j.fireWith @ jquery.min.js: jquery.min @ 2n.extend.ready flotr2.min.js @ .draw。 JS:jquery.min.js @ 2K:2

私はdocument.getElementById("chart")にjQueryの$("#chart")セレクタを変更しかし、この作品。基本的に私はバニラJavaScriptを使用すると動作しますが、jQueryに切り替えると失敗します。

簡易レクリエーションは以下のとおりです。

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title></title> 
     <script src="JS_libs/flotr2.min.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    </head> 
    <body> 
     <div id='chart' style="width:600px;height:300px;"></div> 
     <!--[if lt IE 9]><script src="js/excanvas.min.js"></script><![endif]--> 

     <script> 
      $(function() { var co2 = [ 
      [ 1959, 315.97 ], 
      [ 1960, 316.91 ], 
      [ 1961, 317.64 ], 
      [ 1962, 318.45 ]]; 
      var temp = [ 
      [ 1959, 0.0776 ], 
      [ 1960, 0.0280 ], 
      [ 1961, 0.1028 ], 
      [ 1962, 0.1289 ]]; 

      Flotr.draw(
      $("#chart"), 
      [{ data: co2, lines: {show:true} }] 
      );}); 
     </script> 

    </body> 
</html> 

私はdocument.getElementById("chart")$("#chart")を変更すると、それが動作します。しかし、私はjQueryの方法を使いたいと思います。

答えて

0

あなたが[0]を使用する必要がjQueryのからネイティブJSオブジェクトを取得するには、次の

Flotr.draw(
    $("#chart")[0], 
    [{ data: co2, lines: {show:true} }] 
);});