grafana是乙個美觀好用且開源的監控展示工具，包含了豐富的外掛程式供君使用（外掛程式庫：
一準備
二 改頭換面
1.先把外掛程式**解壓修改資料夾名稱，放入相應的路徑（windows路徑是data/plugins，linux是/var/lib/grafana/plugins)
2.開啟外掛程式**資料夾，開啟/dist/plugin.json, 先給外掛程式辦個身份證。grafana通過該json檔案讀取外掛程式的資訊。
plugin.json裡的三個字段必須修改，分別是
至此，重新整理頁面可以看到乙個新的外掛程式在介面中了，可以除錯了，接下來就將這個外掛程式改造成你想要的樣子。
三 怎麼改
由於資源有限而且情況允許，我是直接在外掛程式打包好的檔案/dist裡進行修改，這樣就省去了修改後重新打包的步驟。
主要關注/dist中的幾個html，js檔案：
改造無非就是在html中加入元素（有需要的話），繫結ctrl.panel的相關值，然後在diagramcontrol.js來操作這些繫結值，進而修改渲染的方法或者資料來源。
參考：
npm外掛程式開發 Vue外掛程式
vue init webpack npm vue ui,dependencies browserslist 1 last 2 versions not ie 8 devdependencies const path require path const webpack require webpack...
外掛程式開發 eclipse中外掛程式開發，如何獲取路徑？
1 獲取某plugin的路徑 方法一 platform.getbundle sdmpluginid getlocation 方法二 eclipse採用osgi後是 activator.getdefault getbundle getlocation 方法三 eclipse採用osgi前是 sdmpl...
chrome 外掛程式開發 教程00（如何開發外掛程式）
chrome外掛程式分為兩種 一種是出現在瀏覽器工具欄中的browser actions，另一種就是出現在位址列中的page actions，這兩者的區別是 ba外掛程式的功能對所有的頁面都可以使用，但是pa外掛程式只會對一些特定的頁面位址才會生效的外掛程式，所以它對於不生效的頁面是隱藏不顯示的。a...