时间戳

首页 > 解决方案 > Highcharts/Highmaps Uncaught TypeError: Cannot read property '0' of undefined error

javascript - Highcharts/Highmaps Uncaught TypeError: Cannot read property '0' of undefined error

问题描述

我正在使用 Hicharts 美国地图来显示我们在每个州拥有的公司数量，并带有一个向下钻取选项，然后按州内的县显示公司。数据采用 JSON 格式，来自 CRM API 调用。下面是一个示例：

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

2 年来一切都运行良好。昨天我们移动了服务器，并且没有对脚本进行任何更改，我现在得到“未捕获的类型错误：无法读取未定义错误的属性 '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>

标签： javascripthighcharts

解决方案

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

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

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

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

推荐阅读