Question

我创建了一个html，它使用highcharts可视化一些数据。在 localhost 上使用此html时，我可以成功查看我的图表。但是当我在heroku上使用它时，我没有得到我的图表。有什么想法吗？

＆＃13;

<!DOCTYPE html>
<html>

<base href="https://www.highcharts.com" />

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<script src="/lib/jquery-1.7.2.js" type="text/javascript"></script>

<script type="text/javascript">

</head>
<body >

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/drilldown.js"></script>
<!--<div id="container" style="min-width: 310px; height: 0 auto; max-width: 600px; margin: 0 auto"></div>-->

<!--<div id="container2" style="min-width: 310px; height: 0 auto; max-width: 600px; margin: 0 auto"></div>-->

<div id="container6" class="text">
<p>info:about,category,location,website,founded</p>
</div>

<div id="container" class="chart">
	<p></p>
</div>
<div id="container2" class="chart">
	<p></p>
</div>
<div id="container3" class="chart">
	<p></p>
</div>
<div id="container4" class="chart">
	<p></p>
</div>
<div id="container5" class="chart">

</div>

<div id="container7" class="chart">
<p>post message,video,photo etc.</p>
</div>
</body>
</html>

＆＃13;

我尝试了几种解决方案，例如在本地复制模块或在链接上施加https：insted of http：我想这个问题与加载highcharts .js有关，但我无法理解为什么

Answer 1

我注意到并纠正了一些事情：

您的代码段没有起始<head>标记。
您在<script type="text/javascript">标记之前有一个未公开的</head>实例。这导致Uncaught SyntaxError: Unexpected token <错误。
我在<head>标记之间移动了所有脚本调用，并为jQuery库提供了一个绝对URL（为了使其在代码段中起作用）。

现在运行代码段时，您会在<p>标记中看到预期的文字。我没有看到图表，但我也没有看到带有创建它们的选项的代码。

您的代码段的编辑版本如下所示。

我希望这对你有所帮助。

<!DOCTYPE html>
<html>

<head>
<base href="https://www.highcharts.com" />

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<!-- <script src="/lib/jquery-1.7.2.js" type="text/javascript"></script> -->
<script src="https://code.jquery.com/jquery-1.7.2.js" type="text/javascript"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/drilldown.js"></script>

</head>
<body >

<!--<div id="container" style="min-width: 310px; height: 0 auto; max-width: 600px; margin: 0 auto"></div>-->

<!--<div id="container2" style="min-width: 310px; height: 0 auto; max-width: 600px; margin: 0 auto"></div>-->

<div id="container6" class="text">
<p>info:about,category,location,website,founded</p>
</div>

<div id="container" class="chart">
	<p></p>
</div>
<div id="container2" class="chart">
	<p></p>
</div>
<div id="container3" class="chart">
	<p></p>
</div>
<div id="container4" class="chart">
	<p></p>
</div>
<div id="container5" class="chart">

</div>

<div id="container7" class="chart">
<p>post message,video,photo etc.</p>
</div>
</body>
</html>

highcharts没有在heroku上使用python flask app显示

1 个答案: