【问题标题】:Highcharts/Highmaps Uncaught TypeError: Cannot read property '0' of undefined errorHighcharts/Highmaps Uncaught TypeError:无法读取未定义错误的属性“0”
【发布时间】:2019-02-01 16:19:47
【问题描述】:

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

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

2 年来一切都运行良好。昨天我们移动了服务器,没有对脚本进行任何更改我现在收到 'Uncaught TypeError: Cannot read property '0' of undefined error'。

我的代码在这里可用: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>

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

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

    您只需删除此脚本:

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

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

    【讨论】:

    • 谢谢!!!两天来我一直在绞尽脑汁想弄清楚这一点。我想知道为什么它与 map.js 一起工作了两年。当我移动服务器时它停止了。
    • 您好 user3088202,可能在旧的 Highcharts 版本中没有冲突。很高兴能帮上忙,您可以投票并接受答案:stackoverflow.com/help/someone-answers
    • 刚刚做了。再次感谢。
    猜你喜欢
    • 2015-06-08
    • 2023-02-26
    • 1970-01-01
    • 1970-01-01
    • 2021-04-28
    • 2017-07-20
    • 1970-01-01
    • 2020-03-28
    • 2023-04-11
    相关资源
    最近更新 更多