highcharts 如果我在highcmaps库之前导入了highcstock库,则它将不工作

wvmv3b1j  于 9个月前  发布在  Highcharts
关注(0)|答案(1)|浏览(67)

我正在做一个Java项目,我使用Highcharts v10.3.2作为我的图表库,我使用最新的GWT作为我的客户端框架。为了从Java与Highcharts交互,我使用jsinterop创建了一个Java Package 器。
然而,我遇到了一个令人困惑的问题-似乎我不能在同一个项目中同时使用Highmaps和Highstock。
问题来了:
如果我在Highstock之前导入Highmaps,Highmaps会像预期的那样完美地工作,但是当我尝试使用Highstock时,我遇到了一个错误:

$wnd.Highcharts.stockChart is not a function.

相反,如果我改变顺序,在Highmaps之前导入Highstock,Highstock就像一个魔法,但现在Highmaps会抛出一个错误:

$wnd.Highcharts.mapChart is not a function.

这是我在项目中导入库的方式:

<%--Highcharts v10.3.2--%>
<script type="text/javascript" src="assets/js/highcharts.min.js" charset="utf-8"></script>
<script type="text/javascript" src="assets/js/highcharts-maps.min.js" charset="utf-8"></script>
<script type="text/javascript" src="assets/js/highcharts-stock.min.js" charset="utf-8"></script>
<script type="text/javascript" src="assets/js/highcharts-more.min.js" charset="utf-8"></script>

我也试图在CodePen中重现这个问题,它确实似乎也可以在那里复制:CodePen Example
以前有没有人遇到过类似的问题,或者有没有人知道为什么Highstock和Highmaps在以这种方式导入时不能很好地结合在一起?

l7mqbcuq

l7mqbcuq1#

看来,利用

<script src="https://code.highcharts.com/maps/modules/map.js"></script>

而不是

<script src="https://code.highcharts.com/maps/highmaps.js"></script>

就能完成任务

相关问题