Grafana外掛Plugin中文漢化

示例Github地址

漢化三方外掛

前面說過漢化Grafana的工作。目前在7.2.1上面，大部分已經完成。細節繼續完善。

今天考慮在第三方外掛上做一些漢化。點到外掛一看全是英文感覺很突出。領導看到了也不爽啊-.-！。

找個軟的捏

餅圖在展示方面比較直觀。Grafana上有一個外掛Pie Chart

。這個現象比較少，同時在一些模版上使用中。就拿這個熱熱身。

具體步驟

1. 下載專案
   專案地址：piechart-panel
   檔案結構：
   

git clone git@github.com:grafana/piechart-panel.git 

cd piechart-panel  # 進入到目錄 yarn install

1. 注意我直接把專案clone到grafana存放外掛的位置，我的grafana是為了測試run的一個docker映象。把外掛目錄掛載到本機，程式碼clone到目錄中。

2. 漢化工作
   根據上面目錄看，主要修改檔案都在src裡面。
   IDE開啟此專案，在src中修改需要編輯的檔案。
   
   圖片舉例，選項第一項選擇圖形型別。選項內容pie / donut。通過翻譯我修改成了 派/甜甜圈。根據修改內容其他地方設計修改的都需要修改。我通過查詢替換方式，在其他檔案中修改了程式碼中的判斷。例如上圖右側展示的檔案類似。

3. build外掛
   修改完需要的內容之後，grafana是能識別到有一個外掛，但沒有build時候他會提示你沒有build外掛。就是他不認識你的專案程式碼。
   這個怎麼處理呢？看官方的文件
   執行 yarn dev

1. 執行完畢我們重啟grafana就可以看到成果了。
   對比下原來的版本和漢化後的版本：
   before：
   
   After：
   
2. 測試&除錯
   以上2，3步驟基本就是一個測試、除錯的過程。

• 我開始先把所有配置項漢化。然後再處理選項引數。
• 接著build，重啟grafana檢視。如此往復達到預期目標。

我本機除錯用docker啟動grafana，測完刪了容器就好了。

持續改進

考慮持續處理某個外掛，可以考慮fork原外掛專案，remote add XXX源。

然後新建分之來做自己的處理。master fetch XXX源 以跟蹤上游的更新。

這樣自己專案安裝外掛時候拉自己的就好啦，美滋滋。

本作品採用《CC 協議》，轉載必須註明作者和本文連結