Javascript 使用d3.csv创建Highcharts图表

这是我的问题

在使用本地文件系统中的CSV数据创建highcharts基本图表时，我遇到了很多问题，而没有使用服务器/框架和基本HTML/CSS/JS等

最后，我有了一个想法，在“d3.csv”函数中创建一个图表，我们可以在d3.csv函数中添加highchart函数

但是，似乎有一些非常愚蠢的错误，我正在尝试使用一个非常基本的代码和表

HTML代码只有container div元素

Javascript

d3.csv（“test.csv”），函数（数据）{
data.forEach（函数（d）{
name=d.name，
苹果
});
console.log（数据[2]）；
数据集=数据；
//显示（）；
console.log（数据集[0]）；
console.log（数据集[0].name）；
功能推送（a）
{
var过滤器=[]；
对于（i=0；i我自己找到了改变的解决方案

Highcharts希望函数以其格式进行解析（控制台中的Highcharts错误14）

把我上面的功能改成这个

 for (i=0; i<a.length ; i++)
    {
      x = a[i].apples;
      y = parseFloat(x)
      filter.push(y);
    }
    return filter;
  }

  window.apples = push(dataset);

最后，现在给我一个带一条线的图（John，8）

第二个号码仍然没有加载，如果有人想帮忙，请在下面评论

更新：

改变
数据：[苹果]->数据：苹果（正确格式）

信用：PawelFus
可能是异步加载文件-您是否尝试在
d3.csv
回调中创建图表？@PawełFus:是的，我在“d3.csv”中绘制了许多d3图表没有服务器/框架和基本HTML/CSS的回调。为了方便用户，您应该稍后在highcharts中添加这些功能。现在，您能帮我回答上面更新的两个问题吗？老实说，这是第一次有人问（我）对于这样的功能-当然，如果它成为常见的请求，我们可能会将其添加到核心，或者至少为此创建一个插件。您可以在我们的基础上创建一个想法。并且回答您的问题：它很容易加载本地文件，所以我认为这回答了#2个问题。就JS而言，您的代码很好。对于#1:change
data:[apples]
->
数据：Apple
（Highcharts的格式错误）。非常感谢@PawełFus。终于能够加载和绘制图表了。但是，您能否告诉我们以后可能会出现什么问题？以后会造成多大问题？
 for (i=0; i<a.length ; i++)
    {
      x = a[i].apples;
      y = parseFloat(x)
      filter.push(y);
    }
    return filter;
  }

  window.apples = push(dataset);

 series: [{
            data : [apples]
            }
        ]