dygraph: пример синхронизации

Я биоинженер и должен признать, что у меня нет опыта работы с js. Я использую Dygraph для создания нескольких графиков, и мне нужно синхронизировать их масштабирование, поэтому я проверяю пример «синхронизация» в галерее. В нем говорится, что я должен получить дополнительные файлы/synchronizer.js на вашей странице. Когда я нажимаю на нее, я попадаю на страницу с сообщением: 404, это не та страница, которую вы искали.

Другая проблема, когда я создаю график, я получаю эти уведомления об ошибках:

XMLHttpRequest не может загрузить файл:///C:/xampp/htdocs/programs/progettoprovaG/averageV.csv. Запросы между источниками поддерживаются только для схем протоколов: http, data, chrome, chrome-extension, https, chrome-extension-resource. dygraph-combined-dev.js: 5428 Uncaught 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>

Something similar happens when I try to simply execute an example from the Dygraph gallery:

Не удалось загрузить ресурс: net::ERR_FILE_NOT_FOUND dygraph-combined-dev.js:5428 XMLHttpRequest не может загрузить файл:///C:/xampp/htdocs/programs/progettoprovaG/twonormals.csv. Запросы между источниками поддерживаются только для схем протоколов: http, data, chrome, chrome-extension, https, chrome-extension-resource. dygraph-combined-dev.js: 5428 Uncaught NetworkError: не удалось выполнить «отправить» для «XMLHttpRequest»: не удалось загрузить «файл:///C:/xampp/htdocs/programs/progettoprovaG/twonormals.csv».

Кто-нибудь может мне помочь?


javascript dygraphs
person margherita nikolaevna    schedule 13.04.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

чтобы исправить запрос перекрестного происхождения, который вам нужен для обслуживания ваших файлов, например, запустите

python -m SimpleHTTPServer 8000

в каталоге с вашим кодом и откройте

localhost:8000

в вашем браузере

person user5189226    schedule 04.08.2015

arrow_upward
-1
arrow_downward

Я только что открыл для себя Dygraphs и синхронизатор и начал их использовать. У меня были те же проблемы, что и у вас, с поиском работающего synchronizer.js, и я нашел тот, который работал, но имел небольшую проблему. Поискав хороший час на Stackoverflow и Github, я, наконец, смог исправить ошибку, и теперь она работает как шарм!

На моей тестовой странице вы можете загрузить его из моего тестового примера.

Не могу помочь со второй проблемой... Извините.

person TK5EP    schedule 25.05.2015