我正在使用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/