javascript - HighMap - 为什么点击后不显示数据

Question

我正在使用 Highmap 创建 map ，并希望在单击(或悬停) map 的一部分后用不同的图表显示数据。

这是示例(我不想使用 Google Spreadsheet 获取数据，我想使用 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 的数据。