时间戳

首页 > 解决方案 > 亚马逊 Linux 服务器上的 highcharts unresponsibe 图形

highcharts - 亚马逊 Linux 服务器上的 highcharts unresponsibe 图形

问题描述

在 Amazon Linux 服务器上安装 Highstock 8.0.0：Amazon Linux release 2 (Karoo) 安装并执行 Apache 版本：服务器版本：Apache/2.4.41 () 服务器构建：2019 年 10 月 22 日 22:59:04

上传 highstock.zip 并在 /var/www/html 上解压缩

安装 node.js (v12.13.1) 并在端口 3000 上设置测试。我可以在我的工作站 Chrome v79 上浏览它。

现在，当我测试 highstock.zip 提供的 index.htm 时，浏览器会在菜单页面上显示几个图形链接。我选择第一个链接（常规->“带有 GUI 的股票图表”）没有显示。选择第二个链接（General -> “Single line series”），也没有。然后我切换到菜单末尾并测试链接“标志和指示器”->“标志形状和颜色”，它工作得很好。上去，“Flags placement”上面的下一个链接，也可以。就是这样。主页上的所有其他链接只是冻结并显示一个空白页面。

现在我唯一能注意到的是，与有效链接关联的 js 只有 3 个 js 附件：

<script src="../../code/highstock.js"></script>
<script src="../../code/modules/data.js"></script>
<script src="../../code/modules/exporting.js"></script>

对此类列表的任何添加（发生在主菜单页面上引用的所有 index.htm 上）均失败。例如，如果我尝试链接 General -> "Single line series"，然后打开它的 index.htm (..//examples/basic-line/index.htm) 我注意到它引用了与上述相同的 3 个 js加上export-data.js：

<script src="../../code/highstock.js"></script>
<script src="../../code/modules/data.js"></script>
<script src="../../code/modules/exporting.js"></script>
<script src="../../code/modules/export-data.js"></script>

就是这样。有什么线索吗？

谢谢

标签： highcharts

解决方案

问题解决了。

使用 Chrome 开发工具，我跟踪错误消息：

从源“ http://xxx.yyy.zzz.www ”访问“ https://www.highcharts.com/.../aapl-ohlcv.json ”处的 XMLHttpRequest已被 CORS 策略阻止：无“访问” -Control-Allow-Origin' 标头存在于请求的资源上。

已安装 Chrome 扩展程序“允许 CORS：访问控制允许来源”。将其切换为 ON 并显示图形。

同时 highcharts 支持回复：

...默认浏览器行为是阻止从设置了 CORS 策略的域加载的任何内容，以防止来自同一域外部的请求。这可能会被某些 CORS 插件覆盖，但其目的是限制对我们服务器的数据请求......

希望此回复对其他人有所帮助。

推荐阅读