图表无法正常工作,版本1.1.0可以在Waterfox和Safari上正常运行,但不能在版本2.1.0上运行

问题描述 投票:0回答:1

相关的生成的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-combined.js更改为dygraph.js,它抱怨:SyntaxError:导入声明只能出现在模块的顶层dygraph.js:45

ReferenceError:未定义Dygraphbarn.html:21:1

现在,我们做了很多研究而不了解它,最终我改变了很多事情,例如确保所有.js文件中的每个导入行都在文件名中包含一个“ ./”(缺少)导入并添加“ .js”后缀。还在html文件中更改]

<script type="text/javascript"

to

<script type="module"

完成所有这些后,我现在看到以下错误:ReferenceError:未定义Dygraphbarn.html:11:1

现在,在所有进口商品的下方,“严格使用”;还有一些“ var Dygraph =“,有:

Dygraph.NAME =“ Dygraph”;

Dygraph.VERSION =“ 2.1.0”;

,据目前为止我所掌握的知识非常有限,我认为应该将其理解为.js模块的定义和名称,该模块应由.html文件加载,但现在我只剩下最后3个一缕头发,不知道进一步...帮助!如果您可以对我进行熏蒸...现在,我想我正在做一些愚蠢而愚蠢的事情,但是为了我的一生,请我向有知识的人指出这一点。

javascript dygraphs
1个回答
0
投票

请参阅问题的评论主题以获取更多详细信息,但事实证明,所引用的dygraphs-2.1.0/dygraph-combined.js文件实际上是dygraph.js上有字帖的zip文件中的GitHub Releases page

这是不是的正确方法。相反,请按照dygraphs download page上的说明获取捆绑文件以进行分发。该页面具有指向cdnjs上托管的相同文件的链接,并可以通过npm下载。

© www.soinside.com 2019 - 2024. All rights reserved.