Angular 2获取请求不显示第一次

Question

我尝试使用获取请求获得的信息填充饼图。

这是我的服务，它执行get请求以获取信息列表

var circle = new google.maps.Circle({
                        map: map,
                        radius: // PUT HERE INITIAL VALUE OR 0,
                        fillColor: '#337ab7'
                    });
$(document).ready(function() {                      
                   $('#select-distance').change(function() {
                    var e = document.getElementById("select-distance");
                    var value =  parseInt(e.options[e.selectedIndex].value);

                    circle.setRadius(value);
                    circle.bindTo('center', markerc, 'position');
                    document.getElementById("search-button").addEventListener("click", find_closest_marker(value));  

                  });
                }); 

以下内容从该服务加载信息并使用它来填充我的饼图

import { Injectable } from '@angular/core';
import { BaThemeConfigProvider, colorHelper } from '../../../theme';
import { NodeService } from '../nodes.service';
@Injectable()
export class NodeService {
  constructor (
   private http: Http,
   ) {}

    getNodes() {
    return this.http.get(`http://localhost:5000/nodes`)
    .map((res: Response) => res.json());
    }

  }

所以我遇到的问题是第一个获取请求被发送但它没有填充我的图表，但是在第二个请求之后它会填充第一个获取请求信息。

我正在使用python服务器。