0

ハイチャートを使用してローカルの html5 統計ページを作成しています。自分のラップトップに割り当てられた csv ファイルからグラフのデータを取得したいと考えています。JavaScriptコードは次のとおりです。

 var arch = new FileReader();
 var content = arch.readAsArrayBuffer('./csvs/sample1.csv');
 //var content = arch.readAsText('./csvs/sample1.csv'.files);
 var sample = $.csv.toArrays(content);
 console.log(sample1);
 $(function () {
    $('#container').highcharts({
        xAxis: {
            min: -0.5,
            max: 5.5
        },
        yAxis: {
            min: 0
        },
        title: {
            text: 'Scatter plot with regression line'
        },
        series: [{
            type: 'line',
            name: 'Regression Line',
            data: [[0, 1.11], [5, 4.51]],
            marker: {
                enabled: true
            },
            states: {
                hover: {
                    lineWidth: 0
                }
            },
            enableMouseTracking: false
        }, {
            type: 'scatter',
            name: 'Observations',
            data: sample,
            marker: {
                radius: 4
            }
        }]
    });
});

jquery-csv プラグインも使用していますが、機能しません。fopen でテストしましたが、何もありません。コンソールには次のように表示されます。

キャッチされていない TypeError: 'FileReader' で 'readAsArrayBuffer' を実行できませんでした: パラメータ 1 はタイプ 'Blob' ではありません。

ありがとう。

4

3 に答える 3