Question

我有一个高图，我可以在其中选择多个状态/点。在按钮上单击我想要输出当前选择的状态。我的代码：

$('#calculate-scenario').on('click', function() {

    var chart = $('#ti_map_tp').highcharts();                       
    var selectedPoints = chart.getSelectedPoints();

    alert(selectedPoints.length);

});

这有效，但我无法弄清楚如何获得所选点的name属性。例如，我试过：

selectedPoints.Point.name

非常感谢任何帮助。

问候，巴特

修改

$('#calculate-scenario').on('click', function() {
    var selectedPointsStr = '';
    var chart = $('#ti_map_tp').highcharts();                       
    var selectedPoints = chart.getSelectedPoints();
    if (selectedPoints.length == 0) {
        selectedPointsStr += '0,';
    } else {        
        $.each(selectedPoints, function(i, value) {
            selectedPointsStr += value.value + ',';
        });
    }
    selectedPointsStr = selectedPointsStr.substring(0,selectedPointsStr.length -1);
});

Answer 1

由于可能有多个选定点（getSelectedPoints()返回一个数组），您需要选择始终选择第一个点或其他方法。无论如何，您可以使用正确的数组索引来访问该名称：即selectedPoints[0].name。

$('#button').on('click', function() {
  var chart = $('#container').highcharts();                       
  var selectedPoints = chart.getSelectedPoints();
  alert(selectedPoints[0].name);
});

工作示例：http://jsfiddle.net/4qrsfco5/3/

如何获取highmap中所选点的name属性

1 个答案: