Highmaps IOS点击事件未触发

我正在使用Highmaps和Highcharts构建一个交互式地图Web应用程序。 这里有一个正在进行中的工作版本: http : //s3.eu-west-2.amazonaws.com/ds-active-travel/index.html

它在桌面浏览器(IE,Firefox,Chrome,Safari)上运行良好,但是当我单击IOS移动设备上的地图时,无论浏览器(Safari,Firefox,Chrome)如何,点击事件似乎都没有触发。

有趣的是,当我使用下拉列表选择节点时,它工作正常。 我已经尝试将地图中嵌入的匿名函数替换为下拉函数,但这看起来不起作用。

有没有人有任何想法导致这个?

编辑。 地图代码

function buildMap (container,mapData,mapApiData,mapColor,mapTitle) { var map = Highcharts.mapChart(container, { chart: { style : { fontFamily: 'Roboto, sans-serif', }, pinchType: 'xy' }, credits : { enabled: false }, mapNavigation: { enabled: true, buttonOptions: { verticalAlign: 'bottom' }, }, colorAxis: { tickPixelInterval: 100, // minColor: "#ffffff", maxColor: mapColor }, title: { text: mapTitle, style: { fontSize: 16, weight: 'bold' } }, tooltip : { enabled: true, headerFormat: '', backgroundColor: "rgba(0,0,0,0.6)", borderWidth: 0, borderRadius: 0, shadow: false, hideDelay: 1500, style : { color: 'white', fontSize: '16px', lineHeight: 20 } }, plotOptions: { series : { allowPointSelect: true } }, series: [{ data: mapApiData[0].record.data, mapData: mapData, joinBy: ['CODE',0], keys: ['CODE', 'value'], name: 'Random data', animation: true, events: { click: function (e) { renderCharts.fromMap(e); }, }, states: { select: { color: '#00ff1a' } }, dataLabels: { enabled: true, format: '{point.properties.postal}' }, borderWidth: 0 }] }); return map; }