Visualize.js Highcharts naming collision

In our current application, we're using the highcharts library and an angular directive to display a line chart in one section. I am now adding JasperServer as a reporting solution and attempting to use VisualizeJS in a separate section. The library loads fine when I include the scripts in such an order like,

When I navigate to the area I'm attempting to embed a JS report, calling visualize like,

visualize(function (v) {
  var report = v.report({
    resource: "/organizations/organization_1/reports/Run_Event_Report",
    container: "#container",
    params: { "site_name" : [ "Site1" ] },
    events: {
      reportCompleted: function(status) {
        console.log(status);
      }
    }
  });
}, function(err) {
  console.log(err);
});

results in Highcharts throwing an error "Uncaught Error: Highcharts error #16: www.highcharts.com/errors/16" which is likley because the Highcharts library is being loaded twice. It seems that VisualizeJS isn't serving up the Highcharts library to the client so I need to keep Highcharts and the directive scripts in the HEAD. I also tried changing the order so VisualizeJS is loaded first, but that doesn't make any difference. What should I do?