沒有jQuery的AngularJs中的Highcharts？

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

是否有可能寫一個highcharts指令，並只使用角度包括jQuery的輕型版本？

如果我必須包含完整的jQuery，它會顯着影響我的應用程序的加載時間/性能嗎？

來源

2014-01-15 Per

Highcharts-NG做到這一點也不是那麼好不需要jquery。只需使用Highcharts獨立框架 – Pablojim

構建一個包裝現有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介紹了他們的獨立框架。

來源

2014-01-15 17:12:23 allenhwkim

錯過了他們發佈了獨立版本。真正完美的角度。當我不需要Jquery時，32k被保存。 Thx提供幫助和演示！ – Per

您甚至可以將圖表拖動：http://plnkr.co/edit/oTLE11tQIHvpQieGYGGu?p=preview –

如何使用此方法重繪圖表？當值更改時它不會更新。 –

highchart是偉大的，但目前即使是獨立框架Highcharts自帶一個jQuery適配器無法刪除捆綁，如果你的計劃是開發一個移動應用程序

來源

2014-10-03 16:45:57

沒有jQuery的AngularJs中的Highcharts？

回答

相關問題