Javascript 将CSV文件中的数据导入HighCharts

我在Highcharts中有一个条形图可视化，我通过手动输入数据创建了可视化。在我输入值的底部查看我的代码。我希望能够包括一些功能，可以从本地存储的CSV文件中获取数据，例如，在我的计算机的“文档”文件夹中。可以从我的计算机本地获取CSV文件并将其放入JS FIDLE吗？如果没有，假设CSV文件存储在我的google drive帐户上。在JS fiddle的HTML部分，是否有一个API可以使用和加载，允许我选择所需的CSV文件并加载它？CSV文件将有3列：类别，即访问次数1、2、。。。。29+，第1/18季度TTM年度客人价值，以及相应类别的第一次和第二次访问之间的天数。该函数将从每列中提取数据，并将它们放在代码的适当区域中，以生成图表

我想自动引入数据，这样我就不必手动输入所有值来创建新的可视化

我目前的代码是：

海图。海图‘容器’{ 图表：{ 类型：'bar' }, 标题：{ 文本：空， 对齐：'居中'， 垂直排列：“底部”， }, xAxis：{ 类别：['1'，'2'，'3'，'4'，'5'，'6'，'7'，'8'，'9'，'10'，'11-17'，'18-28'，'29+'， 标题：{ 文本：“每个客户的访问次数TTM” }, }, 亚克斯：{ 分:0,， 网格线宽：0， minorGridLineWidth:0， 标题：{ 文本：“总体平均回报率：64天”， y:10 }, 标签：{ 溢出：'justify' } }, 工具提示：{ headerFormat:“{point.key}”， pointFormat:“{series.name}:”+ “{point.y:.0f}”， 页脚格式：， 分享：是的， useHTML:true }, 打印选项：{ 酒吧：{ 数据标签：{ 启用：对， } } }, 图例：{ 布局：“水平”， 对齐：“右”， 垂直排列：“顶部”， x:-25， y:5， 浮动：是的， 边框宽度：1， backgroundColor:Highcharts.theme&&Highcharts.theme.legendBackgroundColor | | |“FFFFFF”， 影子：对 }, 学分：{ 已启用：false }, 系列：[{ 名称：“2018年第一季度TTM年度客人价值”， 数据：[0,96.6,73.2,60.3,52.5,46.6,41.4,37.5,34.4,31.9,25.4,17.0,9.7]， 颜色：“灰色”， //标签颜色 数据标签：{ 风格：{ 颜色：“灰色” } } }, { 名称：“第一次和第二次访问之间的天数”， 数据：[23,45,65,85,105,125,144,163,179,199,258,394,847]， 颜色：“绿色”， //标签颜色 数据标签：{ 风格：{ 颜色：“绿色” } } }] };

---

是的，这在data.csv和data.csvUrl中是可能的。我尝试在代码中使用csv:，并将数据放入HTML部分，但我不知道如何更改代码的其余部分，使其真正正常运行。我尝试了csv:document.getElementById'csv'.innerHTML，但我不知道我还应该做什么，对于google drive，我应该使用API吗？我需要访问我的谷歌驱动器帐户，这可能需要一个API。导入这个的HTML代码是什么？看看这些。有一个html表格。你能告诉我们你目前做了什么，并更准确地解释你有什么问题吗？