Javascript 在highcharts中读取上载的csv文件

我想做的是上传csv文件，然后在highcharts中将其用作数据源（图表的完整代码）

正如你们所看到的，csv文件的路径是手动设置的，我使用csv上传按钮

<b>CSV</b> <input type="file" id="csvfile" accept=".csv"> 

这行不通。。请帮我解决这个问题我很绝望，我想尝试这个api（从文件加载），但我没有真正理解它（以防万一jquery csvgooglecode的源代码：） 谢谢你的帮助，非常感谢！

---

ps：我没有使用服务器，所以没有php解决方案，所以这就是如何将事件绑定到加载文件：

$('#csvfile').on('change', readFile);

然后回调可以这样看：

function readFile(e) {
    //Load first file:
    var f = e.target.files[0]; 
    if (f) {
        var r = new FileReader();
        r.onload = renderChart;
        r.readAsText(f);
    } else { 
        alert("Error, file not loaded");
    }
}

现在您加载了文件，需要创建

renderChart

方法，将负责创建图表的代码放在其中：

function renderChart(e) {
    var data = e.target.result;  //get data

    // here comes the rest of the code:

    // Split the lines
    var lines = data.split('\n'); 
    .
    .
    .
    var chart = new Highcharts.Chart(options);
}  

和HTML部分：

<input type="file" id="csvfile" accept=".csv" name="files[]" > 

function renderChart(e) {
    var data = e.target.result;  //get data

    // here comes the rest of the code:

    // Split the lines
    var lines = data.split('\n'); 
    .
    .
    .
    var chart = new Highcharts.Chart(options);
}  

<input type="file" id="csvfile" accept=".csv" name="files[]" >