Question

我正在使用Highmap创建地图，并希望在点击（或悬停）地图的一部分后显示包含不同图表的数据。

以下是示例（我不想将Google电子表格用于数据，我想使用json数据）My Example

Highmap示例位于HighMap。（使用Google电子表格）

如果有人可以提供帮助，那将会有所帮助。

以下是代码段

       Highcharts.each(Highcharts.maps, function (mapPoint) {
            var key = mapPoint.code,
                i = $.inArray(key, keys);
            options.series[0].data.push(Highcharts.extend({
                value : parseFloat(percent[i]),
                name : names[i],
                key: key
            }, mapPoint));
        });

Answer 1

我不确定问题是什么，但会尽力回答。通常，您有一个图表，但您的系列数据不包含值，添加它们并且可以工作。请参阅demo。

                series: [{
                    name: 'Random data',  
                    data: [{
                        color: '#0200D0',
                        name : 'A',
                        y: 30
                    }, {
                        color: '#C40401',
                        name : 'B',
                        y: 20
                    }],
                    dataLabels: {
                        format: '<b>{point.name}</b> {point.percentage:.1f}%'
                    }
                }],

当然，这些值将始终是固定的。在你的情况下，我会使用一些AJAX来获取pointClick()函数中的JSON，然后在图表上显示来自JSON的数据。

HighMap - 点击后数据无法显示的原因

1 个答案: