3

そのため、後でグラフを作成するために別のスクリプトで使用できる配列に CSV ファイルを解析するように PapaParser をセットアップしようとしています。これまでのところ、配列から空白の div に文字列を貼り付けたいだけなので、何が起こっているのかがわかります。私はこれが初めてで、javascript ライブラリをインポートする方法がわからないので、ファイルを public_html フォルダーにコピーしました。現在、NetBeans はそれらを認識しているようです。

簡単に言えば、私は最初に立ち往生しています。パーサーを実行しようとすると、 ReferenceError: Papa is not defined の参照が表示されます。

これを行う方法に関する入力またはチュートリアルへのリンクは大歓迎です（グーグルを試してみましたが、何も役に立ちませんでした）。これまでにコードを追加しました...

Papa.parse("TopPercentilesCSV.csv", {
		complete: function(results) {
			console.log("Finished:", results.data);
		}
	});
.displaypanel {
    border: 1px solid black;
    width:400px;
    height:400px;
    margin:auto;
}
<!DOCTYPE html>

<html>
    <head>
        <title>Parsing CSV test</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type="text/css" rel="stylesheet" href="index.css"/>
        <script type="text/javascript" src="index.js"></script>
        <script src="PapaParse/papaparse.js"></script>
    </head>
    <body>
        <div class="displaypanel">            
        </div>
    </body>
</html>

4

1 に答える 1

3

コードを次のように変更します。

<!DOCTYPE html>

<html>
    <head>
        <title>Parsing CSV test</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type="text/css" rel="stylesheet" href="index.css"/>
        <script src="PapaParse/papaparse.js"></script>
        <script type="text/javascript" src="index.js"></script>

    </head>
    <body>
        <div class="displaypanel">            
        </div>
    </body>
</html>

最初にライブラリを含める必要があり、次に内部で定義された関数を呼び出すことができます

于 2014-12-30T11:15:15.267 に答える