Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将csv数据合并到html javascript中_Javascript_Html - Fatal编程技术网

将csv数据合并到html javascript中

将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.

我在没有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.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