将csv数据合并到html javascript中
我在没有web服务器的情况下在本地计算机上运行带有javascript的html。由于我没有使用Web服务器,由于CORS限制,我无法在本地计算机上打开csv文件 在my index.html中。下面是从csv文件读取数据的示例代码将csv数据合并到html javascript中,javascript,html,Javascript,Html,我在没有web服务器的情况下在本地计算机上运行带有javascript的html。由于我没有使用Web服务器,由于CORS限制,我无法在本地计算机上打开csv文件 在my index.html中。下面是从csv文件读取数据的示例代码 // Get the data d3.csv(dataCSV, function(error, data) { data.forEach(function(d) { d.date = parseDate(d.date); d.
// Get the data
d3.csv(dataCSV, function(error, data) {
data.forEach(function(d) {
d.date = parseDate(d.date);
d.close = +d.close;
d.open = +d.open;
});
下面是dataCSV文件的示例
date,close,open
1-May-12,58.13,3.41
30-Apr-12,53.98,4.55
27-Apr-12,67.00,6.78
我想将csv数据硬编码到index.html中,并将数据输入到“d”对象中?
这是一个伪代码,我希望它能工作
<script>
data = {
date,close,open
1-May-12,58.13,3.41
30-Apr-12,53.98,4.55
27-Apr-12,67.00,6.78
};
data.forEach(function(d) {
d.date = parseDate(d.date);
d.close = +d.close;
d.open = +d.open;
});
数据={
日期、结束、打开
5月1日至12日,58.13,3.41
2012年4月30日,53.98,4.55
2012年4月27日,67.00,6.78
};
data.forEach(函数(d){
d、 日期=解析日期(d.date);
d、 close=+d.close;
d、 open=+d.open;
});
我尝试了以下操作,但在“2012年5月1日,58.13,3.41”上出现了以下错误“未捕获的SyntaxError:意外数字”
任何指示者都将不胜感激
第二期:
我试图在本地计算机上使用csv执行以下图形绘制,但我得到了CORS错误。第一个答复确实为我解决了导入csv的问题。但是,现在,当我运行代码时,我得到了以下错误:
d3.min.js:1错误:属性d:预期数量,
“南,南,南……”
下面是我试图在没有web服务器的情况下在PC上本地模拟的基本代码 您需要将
数据={…}
更改为字符串并在JavaScript中解析CSV,下面的代码应该是您试图完成的
const data=`日期、关闭、打开
5月1日至12日,58.13,3.41
2012年4月30日,53.98,4.55
2012年4月27日,67.00,6.78`;
常量行=data.split('\n');
常量keys=lines.shift().split(',');
常量条目=[];
用于(行的常量行){
const index=entries.length;
条目[索引]={};
常量值=行分割(',');
for(设i=0;i