Highcharts強大的擴展功能,是它深受廣大用戶喜好的緣由之一。經過使用highcharts api,不少使用者根據本身的需求製做了highcharts插件,實現了各類功能擴展。關於highcharts 中文教程資源已經比較多了,而擴展這一塊的highcharts教程相對比較少。今天,咱們就來深刻研究highcharts擴展功能,爲你們奉上製做插件的highcharts 中文教程。 html
highcharts下載api
highcharts參數模塊化
自從2.3版本以來,Highcharts就一直以模塊化的方式在擴展:工具
大部分的圖表概念都對應着JavaScript原型或者「類」,它們展示在Highcharts的名字空間中,很容易被修改。例如Highcharts.Series、Highcharts.Tooltip、Highcharts.Chart、Highcharts.Axis、Highcharts.Legend等等。學習
構造函數邏輯是保存在方法 init 中的,容許覆蓋初始化。開發工具
事件能夠經過遠程與框架事件進行綁定。若是你的框架是jQuery,你能夠嘗試運行 $(chart).bind('load', someFunction); 。測試
一些原型和屬性列舉在api.highcharts.com的Methods、Properties中,還有一些沒有列出,這表示在優化和改編庫時,它們在後續版本中有可能修改。咱們不反對使用,可是提醒你的插件應該通過後續版本測試。鑑別這些函數能夠經過如下三種方式:檢查Highcharts名字空間、檢查開發工具中生成的圖表類型、學習highcharts.src.js的源代碼。
和jQuery插件同樣,Highcharts插件也須要用匿名的自動執行函數來封裝,以防隱藏全局變量。 好的封住方法以下:
function (H) { var localVar, // local variable Series = H.Series; // shortcut to Highcharts prototype doSomething(); }(Highcharts));
......