我是一名生物工程师,我必须承认我没有使用js的经验。我正在使用Dygraph创建一些图形,并且需要同步它们的缩放,因此我在图库中查看了示例“同步”。它说我必须在您的页面上获取extras / synchronizer.js。当我单击它时,我进入一个页面,说:404这不是您想要的页面。
另一个问题,当我创建图形时,我收到此错误通知:
XMLHttpRequest无法加载
文件:/// C:/xampp/htdocs/programs/progettoprovaG/averageV.csv。交叉
仅协议方案支持原始请求:http,数据,
chrome,chrome-extension,https,chrome-extension-resource。
dygraph-combined-dev.js:5428未捕获的NetworkError:执行失败
在“ XMLHttpRequest”上“发送”:加载失败
'文件:/// C:/xampp/htdocs/programs/progettoprovaG/averageV.csv'。
顺便说一下,这是我的代码:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js"></script>
<script type="text/javascript"
src="dygraph-combined-dev.js"></script>
</head>
<body>
<div id="div_average_breath_volume" style="width:600px; height:300px;"></div>
<div id="div_average_breath_impedence" style="width:600px; height:300px;"></div>
<script type="text/javascript">
$(document).ready(function () {
var highlight_start = 55;
var highlight_end = 65;
// grafico del volume + sd
v = new Dygraph(
document.getElementById("div_average_breath_volume"),
"averageV.csv",
{
labelsDivStyles: { 'textAlign': 'right' },
labels: ["s","L"],
errorBars: true,
title: 'average breath',
ylabel: 'volume [L]',
xlabel: 'time [s]',
animatedZooms: true,
underlayCallback: function(canvas, area, v) {
var bottom_left = v.toDomCoords(highlight_start);
var top_right = v.toDomCoords(highlight_end);
var left = bottom_left[0];
var right = top_right[0];
canvas.fillStyle = "rgba(255, 255, 102, 1.0)";
canvas.fillRect(left, area.y, right - left, area.h);
}
}
);
z = new Dygraph(
document.getElementById("div_average_breath_impedence"),
"averageZ.csv",
{
errorBars: true,
labelsDivStyles: { 'textAlign': 'right' },
legend: 'always',
labels: ["s","R","X"],
ylabel: 'impedence [L]',
xlabel: 'time [s]',
animatedZooms: true,
underlayCallback: function(canvas, area, z) {
var bottom_left = z.toDomCoords(highlight_start);
var top_right = z.toDomCoords(highlight_end);
var left = bottom_left[0];
var right = top_right[0];
canvas.fillStyle = "rgba(255, 255, 102, 1.0)";
canvas.fillRect(left, area.y, right - left, area.h);
}
}
);
}
);
</script>
</body>
当我尝试简单地从Dygraph画廊执行示例时,也会发生类似的情况:
无法加载资源:net :: ERR_FILE_NOT_FOUND
dygraph-combined-dev.js:5428 XMLHttpRequest无法加载
文件:/// C:/xampp/htdocs/programs/progettoprovaG/twonormals.csv。交叉
仅协议方案支持原始请求:http,数据,
chrome,chrome-extension,https,chrome-extension-resource。
dygraph-combined-dev.js:5428未捕获的NetworkError:执行失败
在“ XMLHttpRequest”上“发送”:加载失败
'文件:/// C:/xampp/htdocs/programs/progettoprovaG/twonormals.csv'。
有谁能够帮我?
最佳答案
解决跨域请求
您需要提供文件,例如
跑
python -m SimpleHTTPServer 8000
在包含您的代码的目录中
并打开
localhost:8000
在您的浏览器中