没有jQuery的AngularJs中的Highcharts？

Question

对于不需要完整jQuery的highcharts,是否有任何指令？这些似乎是目前最受欢迎的,但如果没有jQuery,我无法让它工作:https://github.com/pablojim/highcharts-ng

是否可以编写一个highcharts指令,并且只使用angular包含的jQuery的简易版本？

如果我必须包含完整的jQuery,它会显着影响我的应用程序的加载时间/性能吗？

Answer 1

构建包装现有javascript库的指令并不难.

这是高图指令的代码.这很简单.

app.directive("highcharts", function() {
  return {
    link: function(scope, el, attrs) {
      var options = scope.$eval(attrs.highcharts);
      options.chart.renderTo = el[0];
      new Highcharts.Chart(options);
    }
  };
})

完整演示在这里.http://plnkr.co/edit/iN8TAMKyHIyN4F44iJ0U?p=preview

我对你的回答是,如果你喜欢https://github.com/pablojim/highcharts-ng

• 只需添加独立框架而不是完整的jQuery.

• 如果不是,像我一样:),像提供的演示一样构建自己的.这并不难.

顺便说一下,这是Highcharts介绍其独立框架的页面.