我是一名生物工程师,我必须承认我没有使用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


在您的浏览器中

08-26 03:12