ハイチャートを使用してローカルの 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' ではありません。
ありがとう。