未定義のプロパティ 'Chart'を読み取ることができません

-1

私はパイのチャットを提示したい、データはCSVファイル（Excel）から来た。私はhtmlファイル（index.htmlを）とJSファイル（loadData2.js）、私は、JSファイル内のデータを印刷するとき、私はそれが好きな取得があります：単語を、数ドナルド、8 切り札、12 は、2 を拒否しました、7 リリース、3 his、6未定義のプロパティ 'Chart'を読み取ることができません

です。 1つのフィールドは単語であり、もう1つのフィールドは数字です。

私はエラーを取得する： "キャッチされない例外TypeError：$（...）CanvasJSChartは、関数（...）ではありません。"

私のhtmlコード：

<!DOCTYPE html> 
<html> 
<head> 
    <title>hw 1</title> 
    <link rel="stylesheet" type="text/css" href="css/style.css"> 
    <script src="includes/loadData2.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
    <script src="canvas/canvasjs.min.js"></script> 
</head> 
    <body> 
    <div id="chartContainer" style="height: 300px; width: 100%;"> 
     <script> 
     (function(){ 
      getData2(); 
     })(); 
     </script> 
     </div> 
    </body> 
</html>

私のJSコード：

画面上に自分のチャートを表示するにはどうすればいいですか？ありがとう、

出典

2016-12-01 adi

'CanvasJSChart'何ですか？それはどこから来たのですか？ –

あなたのスクリプトのマニュアルを読もうとしましたか？このようにhttp://canvasjs.com/docs/charts/basics-of-creating-html5-chart/ –

あなたはCanvasJsを含め、そのjQueryプラグインを使用しようとしています。

<script src="canvas/canvasjs.min.js"></script>を正しいファイルで置き換えると正常に動作します。

<script src="https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/jquery.canvasjs.min.js"></script>

は次のように行くだろう定期的なライブラリを使用してチャートを作成するには、次の

var options = { 
    exportEnabled: true, 
       animationEnabled: true, 
    title: { 
     text: "Exporting Chart as Image" 
    }, 
    data: [ 
    { 
     type: "splineArea", //change it to line, area, bar, pie, etc 
     dataPoints: [data] 
    } 
    ] 
    }; 

    var chart = new CanvasJS.Chart("chartContainer",options); 
    chart.render

出典

2016-12-01 09:30:46 xShirase

私はこれを試しましたが、私のコンソールにエラーはありませんが、画面上に何も表示されません – adi

未定義のプロパティ 'Chart'を読み取ることができません

答えて

関連する問題