Question

我正在查看以下教程：

http://www.highcharts.com/studies/world-map.htm

我正在尝试将这样的地图添加到我自己的网站，但我不想使用Google电子表格数据。我想通过JavaScript自己指定数据。

有没有办法在没有Google SpreadSheet的情况下使用HighCharts世界地图？我发现涉及HighCharts地图的所有示例都会从Google电子表格中获取数据。

提前谢谢！

Answer 1

如果查看源，则填充数据的部分为：

for (var i = 1; i < countryCodes.length; i++) {     
    if (shapes[countryCodes[i]]) {
        options.series[0].data.push({
            y : parseFloat(populationDensities[i]),
            name : countryNames[i],
            path : Highcharts.pathToArray(shapes[countryCodes[i]]),
            states: {
                hover: {
                    color: '#FF7F00' // orange
                }
            }

        });
    }
}

countryCodes，populationDensities和countryNames来自Google电子表格，但要自行关注您关注的国家/地区应该是微不足道的。请记住，必须在形状对象here中定义countryCode，populationDensity是该国家/地区的数值，countryName是地图上显示的值

没有Google电子表格的HighCharts地图

1 个答案: