我正在使用Hicharts US地图通过向下钻取选项显示每个州的公司数量,然后按州显示县中的公司。
数据为JSON格式,来自CRM API调用。下面是一个示例:

[
  {
    "drilldown": "al",
    "code": "us-al",
    "value": 20
  },
  {
    "drilldown": "wy",
    "code": "us-wy",
    "value": 1
  }
]


一切都运行了两年。昨天,我们移动了服务器,并且没有对脚本进行任何更改,现在我得到了“ Uncaught TypeError:无法读取未定义错误的属性” 0”。

我的代码在这里:https://jsfiddle.net/7u5m3ht6/5/

请注意,在小提琴中,我包括内联JS代码,但在我的原始脚本中,它是从一个名为main.js的文件运行的,它与其他库一样包含在页面底部:

    <script src="https://code.jquery.com/jquery-3.3.1.min.js"</script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
    <script src="//code.highcharts.com/maps/highmaps.js"></script>
    <script src="//code.highcharts.com/maps/modules/map.js"></script>
    <script src="//code.highcharts.com/maps/modules/data.js"></script>
    <script src="//code.highcharts.com/maps/modules/drilldown.js"></script>
    <script src="//code.highcharts.com/mapdata/countries/us/us-all.js"></script>
    <script src="includes/js/main.js"></script>
    <script src="includes/js/companyTable.js"></script>

最佳答案

使用Highmaps代码,您不能使用map.js模块,因为它本身是Highmaps,而是作为Highcharts或Highstock的插件。

您需要做的就是删除此脚本:

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


现场演示:https://jsfiddle.net/BlackLabel/43Lcbndu/

10-05 22:17