Данные Dygraph не отображаются в WIN7 и более поздних версиях?

Аппаратное обеспечение, использующее dygraph javascript, представляет собой встроенный PIC24FJ64GB004, сконфигурированный как регистратор данных и устройство хранения данных, флэш-накопитель. отключенный от USB, он записывает инерциальные данные по 9 осям: ускорение, угловая скорость и магнитометр на корневой диск в виде файлов .csv. При подключении к USB-порту пакетный файл анализирует данные в текстовые файлы в место, доступное для отображения .html, используя dygraph javascript.

Система нормально работает в WINXP SP3, но не может отображать данные в будущих версиях Windows.

Используя инструменты разработчика F12, я понимаю, что текстовые файлы неправильно сформированы в WINXP, но в Windows 10 - F12 указывает следующее:

dygraph-combined.js:2 XMLHttpRequest cannot load file:///C:/Users/Cal/Desktop/ER9D0F/Temp/Graph/data/accelerate.txt. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.Dygraph.start_ @ dygraph-combined.js:2
dygraph-combined.js:2 XMLHttpRequest cannot load file:///C:/Users/Cal/Desktop/ER9D0F/Temp/Graph/data/gyrate.txt. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.Dygraph.start_ @ dygraph-combined.js:2
dygraph-combined.js:2 XMLHttpRequest cannot load file:///C:/Users/Cal/Desktop/ER9D0F/Temp/Graph/data/magnetic.txt. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.Dygraph.start_ @ dygraph-combined.js:2
dygraph-combined.js:2 XMLHttpRequest cannot load file:///C:/Users/Cal/Desktop/ER9D0F/Temp/Graph/data/temp.txt. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.Dygraph.start_ @ dygraph-combined.js:2

Утилита

ВОПРОС: В чем разница между двумя операционными системами? Является ли версия .net проблемой? Есть ли более подробное описание форматирования данных?

Спасибо, Сай Дроллингер.

HTML НИЖЕ и часть файла данных ниже этого

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
    <title>dygraph</title>
    <!--[if IE]>
    <script type="text/javascript" src="../excanvas.js"></script>
    <![endif]-->
    <!--
    For production (minified) code, use:
    <script type="text/javascript" src="dygraph-combined.js"></script>
    -->
    <script type="text/javascript" src="dygraph-combined.js"></script>
	
	<style type="text/css">
      #div_g1 { position: absolute; left: 210px; top: 50px; }
      #div_g2 { position: absolute; left: 720px; top: 50px; }
      #div_g3 { position: absolute; left: 210px; top: 450px; }
      #div_g4 { position: absolute; left: 720px; top: 450px; }
    </style>
	
  </head>
  <body>
    <p>Acceleration, Angular Velocity, and Magnetic Field viewable upon a double click!</p>
    <div id="div_g1"></div>
	<div id="div_g2"></div>
	<div id="div_g3"></div>
	<div id="div_g4"></div>
    
	<script type="text/javascript">
      g1 = new Dygraph(document.getElementById("div_g1"),
                      "data/accelerate.txt",{fillGraph: true, avoidMinZero: true,title: 'X Y Z Acceleration', xlabel: 'Time (sec)',  ylabel: 'Acceleration(g)'}); 
      g2 = new Dygraph(document.getElementById("div_g2"),
                      "data/gyrate.txt",{fillGraph: true, avoidMinZero: true,title: 'X Y Z AngularVelocity', xlabel: 'Time (sec)',  ylabel: 'AngularVelocity(deg/sec)'});
	  g3 = new Dygraph(document.getElementById("div_g3"),
                      "data/magnetic.txt",{fillGraph: true,avoidMinZero: true,title: 'X Y Z Heading', xlabel: 'Time (sec)',  ylabel: 'Heading (uT)'});
	  g4 = new Dygraph(document.getElementById("div_g4"),
                      "data/temp.txt",{fillGraph: true,avoidMinZero: true,title: 'Temperature', xlabel: 'Time (sec)',  ylabel: 'Temperature (C)'});
      
    </script>
    
  </body>
</html>

ФАЙЛ ДАННЫХ (часть)

Time(sec.),X Acceleration(g), Y Acceleration(g), Z Acceleration(g)
 0.00, -0.71408, 0.05718, 0.59433
 0.01, -0.72532, 0.08358, 0.58553
 0.02, -0.72776, 0.09677, 0.59433
 0.03, -0.76051, 0.11339, 0.57087
 0.04, -0.76051, 0.12366, 0.56696
 0.05, -0.78739, 0.12317, 0.58113
 0.06, -0.77713, 0.09775, 0.62268
 0.07, -0.78250, 0.12512, 0.65591
 0.08, -0.77713, 0.10802, 0.62072
 0.09, -0.80401, 0.06891, 0.53568
 0.10, -0.76246, 0.11241, 0.53324

html dygraphs
person Cy Drollinger    schedule 05.01.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я проанализировал данные в файл data.js, такой как файл data.js, использованный в примере: Temperature-sf-ny.html. Как и в примере, вызывается функция Acceleration. data.js выглядит так:

function accelerate() {
 return "" +
"Time,X,Y,Z\n" +
"0.00,0.10508,0.51271,1.29130\n" +
"0.01,0.09091,0.47410,1.20039\n" +
"0.02,0.06158,0.42815,1.04545\n" +
"0.03,0.03715,0.38856,0.88465\n" +
"0.04,0.01711,0.33920,0.73705\n" +
"0.05,-0.07234,0.33920,0.65445\n" +
"0.06,-0.12366,0.34702,0.66373\n" +
"0.07,-0.14809,0.40860,0.74487\n" +
"0.08,-0.18377,0.43842,0.83627\n" +
"0.09,-0.18328,0.41740,0.86706\n" +
"0.10,-0.15152,0.39638,0.92180\n" +
"0.11,-0.08944,0.38905,1.00440\n" +

Хотя это не ответило на вопрос, это привело меня туда, где мне нужно было быть. Более подробное описание компонентов данных содержится в быстрых ссылках на главной странице: Форматы данных.

person Cy Drollinger    schedule 06.01.2016