Question

我正在使用构造函数绘制Highmaps。

$(function() {
  var options1 = {
    chart: {
      renderTo: 'container',
    },
    series: [{
      name: 'Countries',
      mapData: Highcharts.maps['custom/world'],
      color: '#E0E0E0',
      enableMouseTracking: false,
    }, ]
  };

  var drawMap = function(data) {
    var newSeriesData = {
      type: 'mapbubble',
      mapData: Highcharts.maps['custom/world'],
      name: 'Population 2013',
      joinBy: ['iso-a2', 'code'],
      data: data,
      minSize: 4,
      maxSize: '12%',
    }
    options1.series.push(newSeriesData);
    var chart = new Highcharts.Map(options1);
  };
  $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=world-population.json&callback=?', function(data) {
    var i = 0;
    /*while (i < data.length){
        drawMap([data[i]]);
        i++;
    }*/
    drawMap(data);
  });
});

jsfiddle.

使用函数我可以一次性绘制整个数据。

我希望迭代数据并逐个绘制，以便页面不会刷新，新数据不会取代现有数据。

我试过这样做：

while (i < data.length){
    drawMap([data[i]]);
    i++;
}

但只有最后一点在地图上绘制。其余的点没有绘制。（我猜地图是用没有持久性的所有点绘制的。所以只有最后一点才有。）

注意：我关注this并尝试使用Highmaps。

在Highmaps中迭代多个系列的数据

0 个答案: