2014-01-15 21 views
5

是否有任何指令,你不需要完整的jQuery的highcharts?这似乎是目前最流行的,但我不能没有jQuery的工作:https://github.com/pablojim/highcharts-ng没有jQuery的AngularJs中的Highcharts?

是否有可能写一个highcharts指令,并只使用角度包括jQuery的轻型版本?

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

+0

Highcharts-NG做到这一点也不是那么好不需要jquery。只需使用Highcharts独立框架 – Pablojim

回答

7

构建一个包装现有JavaScript库的指令并不难。

这是一个highchart指令的代码。这很简单。

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

  • 只需添加standalone-framework,而不是完全的jQuery。

  • 如果不是,像我一样:), 建立自己喜欢的demo提供。这并不难。

顺便说一下,这是page Highcharts介绍了他们的独立框架。

+0

错过了他们发布了独立版本。真正完美的角度。当我不需要Jquery时,32k被保存。 Thx提供帮助和演示! – Per

+0

您甚至可以将图表拖动:http://plnkr.co/edit/oTLE11tQIHvpQieGYGGu?p=preview –

+0

如何使用此方法重绘图表?当值更改时它不会更新。 –

0

highchart是伟大的,但目前即使是独立框架Highcharts自带一个jQuery适配器无法删除捆绑,如果你的计划是开发一个移动应用程序