графики не работают должным образом, версия 1.1.0 работает с Waterfox и Safari, но не с версией 2.1.0 - PullRequest
0 голосов
/ 22 марта 2020

Соответствующее сгенерированное html - это ...

<html>
<head>
<script type="text/javascript"
    src="dygraph-combined.js"></script>
<link rel="stylesheet" src="dygraph.css" />
</head>
<body>
<div id="graphdiv" style="height: 600px; width: 1100px"></div>
<script type="text/javascript">
g = new Dygraph(document.getElementById('graphdiv'),

"Date Time,Humidity,Temperature,Dewpoint,Voltage\n" +
"2020-03-19 15:10:01,23,36.7,12.2,5.166\n"  +
"2020-03-19 15:11:01,22,36.9,11.7,5.19\n"  +
"2020-03-19 15:12:01,22,37,11.78,5.19\n"  +
"2020-03-19 15:13:01,22,37.09,11.86,5.19\n"  +
"2020-03-19 15:14:01,22,37.09,11.86,5.19\n"  +
etc.
"2020-03-22 19:16:01,41,28.7,14.16,5.166\n"  +
"2020-03-22 19:17:01,41,28.7,14.16,5.166\n"  +
"2020-03-22 19:18:02,42,28.6,14.45,5.19\n"  +
"2020-03-22 19:19:02,42,28.6,14.45,5.19\n" 

)
</script>
</body>
</html>

Теперь с версией 1.1.0 не стоит беспокоиться, она отображается, но некоторые функции более новой версии, очевидно, недоступны, если однако я пытаюсь использовать 2.1.0, на который жалуется браузер: скрипт из «http://raspbx.local/dygraphs-2.1.0/dygraph-combined.js» был загружен, хотя его тип MIME («text / html») недопустим JavaScript Тип MIME. barn. html

Загрузка не удалась для источника с источником «http://raspbx.local/dygraphs-2.1.0/dygraph-combined.js».

Затем переход от комбинированного dygraph. js к дизографу. js он жалуется на: SyntaxError: объявления импорта могут появляться только на верхнем уровне модуля. js: 45

ReferenceError: Dygraph не определен как сарай. html: 21: 1

Теперь, исследуя этот участок и не понимая его, я закончил тем, что изменил кучу вещей, например, убедившись, что каждая строка импорта во всех различных файлах. js содержит «./» как часть имени файла (где он отсутствовал) для импорта и добавления суффикса ". js". Также изменено в html файле

<script type="text/javascript"

на

<script type="module"

После всего этого у меня теперь остается ошибка: ReferenceError: Dygraph не определен как barn. html: 11: 1

Теперь где-то ниже всего импорта и «строгое использование»; и некоторые "var Dygraph =", есть:

Dygraph.NAME = "Dygraph";

Dygraph.VERSION = "2.1.0";

, которые, с мои, на данный момент, серьезно ограниченные знания, я бы предположил, что их следует читать как определение и имя модуля. js, который должен загружаться файлом. html, но теперь я дошел до последних 3-х нитей волос и не знаю больше ... ПОМОГИТЕ! если ты можешь меня воспитать ... теперь, я предполагаю, что я делаю что-то глупое и туповатое, но для жизни мне нужен кто-то с большим знанием, чтобы указать мне на это, пожалуйста.

1 Ответ

0 голосов
/ 24 марта 2020

Дополнительную информацию смотрите в ветке комментариев к вопросу, но оказалось, что указанный файл dygraphs-2.1.0/dygraph-combined.js на самом деле был dygraph.js из zip-файла на странице GitHub Releases для графических элементов.

Это не правильный способ получения графиков. Вместо этого следуйте инструкциям на странице загрузки dygraphs , чтобы получить связанные файлы для распространения. На этой странице есть ссылки на те же файлы, размещенные на cdn js и для загрузки через npm.

...