Javascript 动态图：同步示例_Javascript_Dygraphs

Javascript 动态图：同步示例

javascript

Javascript 动态图：同步示例,javascript,dygraphs,Javascript,Dygraphs,我是一名生物工程师，我必须承认我没有js方面的经验。我正在使用动态图形创建一些图形，我需要同步这些图形上的缩放，所以我在图库中检查了示例“同步”。它说我必须在你的页面上找到extras/synchronizer.js。当我点击它时，我在一个页面上说：404这不是你要找的页面另一个问题是，当我创建图形时，会收到以下错误通知：无法加载XMLHttpRequest file:///C:/xampp/htdocs/programs/progettoprovaG/averageV.csv. 交叉只有

我是一名生物工程师，我必须承认我没有js方面的经验。我正在使用动态图形创建一些图形，我需要同步这些图形上的缩放，所以我在图库中检查了示例“同步”。它说我必须在你的页面上找到extras/synchronizer.js。当我点击它时，我在一个页面上说：404这不是你要找的页面

另一个问题是，当我创建图形时，会收到以下错误通知：

无法加载XMLHttpRequest file:///C:/xampp/htdocs/programs/progettoprovaG/averageV.csv. 交叉只有协议方案支持原始请求：http、数据、， chrome，chrome扩展，https，chrome扩展资源。 dygraph-combined-dev.js:5428未捕获的网络错误：无法执行 “XMLHttpRequest”上的“发送”：加载失败 'file:///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>

当我尝试简单地从动态图形库执行一个示例时，会发生类似的情况：

未能加载资源：net:：ERR\u文件\u未找到 dygraph-combined-dev.js:5428 XMLHttpRequest无法加载 file:///C:/xampp/htdocs/programs/progettoprovaG/twonormals.csv. 交叉只有协议方案支持原始请求：http、数据、， chrome，chrome扩展，https，chrome扩展资源。 dygraph-combined-dev.js:5428未捕获的网络错误：无法执行 “XMLHttpRequest”上的“发送”：加载失败 'file:///C:/xampp/htdocs/programs/progettoprovaG/twonormals.csv"

有人能帮我吗？

我刚刚发现了动态图和同步器，并开始使用它们。我遇到的问题和你找到一个正常工作的synchronizer.js一样，我找到了一个正常工作但有点问题的synchronizer.js。在Stackoverflow和Github上搜索了一个小时，我终于可以纠正这个错误，现在它看起来像一个符咒

在上，您可以从我的测试示例下载它

我帮不了你解决第二个问题。。。抱歉。

修复交叉源请求您需要提供您的文件，例如。，跑

在包含代码的目录中，打开

在浏览器中

python -m SimpleHTTPServer 8000

localhost:8000