Использование угловой директивы для рисования диаграммы Google без ручной загрузки

Я хочу написать директиву, чтобы нарисовать диаграмму Google, но я хочу сделать это , используя библиотеку Angular-Google-Charts или ручную загрузку углов. Поскольку это будет сидеть на скрипте Google Apps, а диаграмма является гораздо меньшим элементом веб-страницы, диаграмма имеет гораздо более низкий приоритет.

Я надеялся, что я могу использовать функцию ссылки в директиве для загрузки библиотеки графиков google и затем нарисовать диаграмму следующим образом:

.directive('barChart', [function () {
  return {
    restrict: 'A', 
    scope: {
        data: '=',
     },
     link: function(data, elm, attrs) {       
        google.load('visualization', '1', {packages:['corechart']});
        google.setOnLoadCallback(drawChart);
        function drawChart() {
          var data = new google.visualization.DataTable();
          data.addColumn('string', 'Topping');
          data.addColumn('number', 'Slices');
          data.addRows([
            ['Mushrooms', 3],
            ['Onions', 1],
            ['Olives', 1],
            ['Zucchini', 1],
            ['Pepperoni', 2]
          ]);
          var options = {'title':'How Much Pizza I Ate Last Night',
                         'width':400,
                         'height':300};
          var chart = new google.visualization.PieChart(elm[0]);
          chart.draw(data, options);
        }
     }
  };
}]);

Способствует ли этот подход работе? Если да, то как?

Большое спасибо Тоби