多數(shù)人只是停留在熟悉名詞這個(gè)階段，
在遇到一些問(wèn)題的時(shí)候天通，卻不知道采用面向?qū)ο蟮乃季S去解決它克滴。
當(dāng)我們跳出老舊的思維枷鎖，很多問(wèn)題也就迎刃而解了 ：）

LChart的產(chǎn)生
我們?cè)陧?xiàng)目中优床，經(jīng)常使用圖表來(lái)展示數(shù)據(jù)劝赔，這樣很形象直觀。在Android中胆敞，我們大多會(huì)使用如下常用的圖表庫(kù)：

1. MPAndroidChart （展示豐富着帽，性能好，但是使用較為麻煩移层，源碼難懂仍翰，定制起來(lái)很困難）
2. HelloCharts（使用較為簡(jiǎn)單，數(shù)據(jù)量較大的時(shí)候观话，性能差）

以上的圖表庫(kù)予借，都有著各自的優(yōu)缺點(diǎn)，項(xiàng)目對(duì)圖表要求不高的話，使用他們完全沒(méi)問(wèn)題灵迫。但是要求高的話秦叛，這就麻煩了，最后的解決方法是自己重寫(xiě)一個(gè)圖表 ：（

既然項(xiàng)目的圖表要求高瀑粥，那咱就自己寫(xiě)個(gè)圖表庫(kù)唄：LChart就是這么產(chǎn)生的挣跋。
項(xiàng)目地址：https://github.com/linheimx/LChart

對(duì)于LChart，我是以面向?qū)ο蟮姆绞絹?lái)分解它狞换，繪制它的避咆，整體來(lái)說(shuō)思路清晰，易于使用修噪。
也許LChart也不適應(yīng)于你的項(xiàng)目查库，但我想在這篇文章里面授之以漁，給你帶來(lái)一定的幫助割按。

LChart的組織結(jié)構(gòu)

面向圖譜中的對(duì)象

知道了一個(gè)東西由哪幾個(gè)部分組成膨报，我們內(nèi)心對(duì)這個(gè)東西就有數(shù)了（不一定了如指掌，有了大概的輪廓也就可以啦）

我們先看一輛自行車的組成結(jié)構(gòu)（幫助我們尋找靈感）

Paste_Image.png

從上圖适荣，我們大致看出自行車有如下結(jié)構(gòu)：

1. 車輪子
2. 坐墊
3. 車把

對(duì)比自行車的結(jié)構(gòu)现柠，那我們的LChart由那幾部分組成呢？

基本折線圖

組成部分

從上面基本的折線圖弛矛，我們大致可以看出LChart由如下幾個(gè)部分組成：

1. 軸線
2. 高亮
3. 折線

限于篇幅够吩，我只直觀的展示LChart的中3個(gè)主要部分，總體上有如下幾個(gè)部分：

關(guān)鍵組成部分

針對(duì)以上部分丈氓，在我們的代碼中周循，對(duì)應(yīng)為相關(guān)的類，這些類封裝了相關(guān)的信息：

有了這幾個(gè)對(duì)象信息万俗，我們就該考慮繪圖了湾笛。

根據(jù)對(duì)象信息進(jìn)行繪制

LChart是一個(gè)自定義View，通過(guò)view中的Canvas來(lái)進(jìn)行繪制闰歪。

我們?cè)O(shè)計(jì)了幾個(gè)render來(lái)負(fù)責(zé)繪制LChart的幾個(gè)關(guān)鍵部分嚎研。
每個(gè)render都有著自己的職責(zé)，它向我們封裝的對(duì)象 Axis库倘，Line等來(lái)獲取信息临扮，進(jìn)行各種各樣的繪制。

繪制結(jié)構(gòu)

render的體系結(jié)構(gòu)如下：

各種render

LChart的映射：將數(shù)據(jù)展現(xiàn)到屏幕上

我們的目的是將數(shù)據(jù)繪制到屏幕上教翩，那么數(shù)據(jù)和屏幕之間有什么關(guān)系呢杆勇？

1. 數(shù)據(jù)是有范圍的：表現(xiàn)在x方向上范圍和y方向上的范圍。
2. 明確繪制圖譜在手機(jī)屏幕上的的區(qū)域

二者之間的聯(lián)系是等比例關(guān)系饱亿，如下圖：

等比例關(guān)系

在LChart中蚜退，我用MappingManager來(lái)維護(hù)管理這個(gè)關(guān)系:

考慮到對(duì)圖譜的縮放闰靴，移動(dòng)，現(xiàn)將數(shù)據(jù)視圖具體分為：

  RectD _maxViewPort;  //當(dāng)前可見(jiàn)的數(shù)據(jù)范圍
  RectD _currentViewPort; //最大的數(shù)據(jù)范圍

MappingManager中具體的數(shù)值與像素轉(zhuǎn)換的代碼：

映射

知道了數(shù)據(jù)與手機(jī)屏幕中繪圖區(qū)域的關(guān)系关霸。
隨便給你一個(gè)數(shù)據(jù)传黄，根據(jù)這個(gè)關(guān)系，你就可以知道這個(gè)點(diǎn)在屏幕中的位置了队寇，知道了位置膘掰，你用canvas就隨便畫(huà)嘍。

LChart的性能優(yōu)化

1. 減少內(nèi)存分配
考慮到onDraw()的頻繁調(diào)用佳遣，盡量的減少內(nèi)存分配识埋，也就是少new對(duì)象。
假設(shè)一條數(shù)據(jù)線上有非常多的點(diǎn)零渐，對(duì)每個(gè)點(diǎn)都進(jìn)行映射到屏幕位置的計(jì)算窒舟，勢(shì)必要分配很多對(duì)象∷信危考慮到是在單個(gè)線程：主線程繪制惠豺，我采用了單例來(lái)保留處理前后的結(jié)果。（MpAndroidChart采用對(duì)象池來(lái)處理內(nèi)存的分配問(wèn)題）

2. 減少不必要的繪制
若你把圖譜放大：

上圖中：藍(lán)色區(qū)域?yàn)閿?shù)據(jù)的范圍风宁，黑色的區(qū)域?yàn)槠聊簧蠄D譜的范圍洁墙。
很明顯，我們只能看到戒财，手機(jī)屏幕中的圖譜區(qū)域顯示的部分?jǐn)?shù)據(jù)視圖热监。
所以在繪圖的時(shí)候，只選擇繪制可見(jiàn)的數(shù)據(jù)范圍是比較理智的饮寞。

3. 減少計(jì)算
計(jì)算是耗時(shí)的孝扛，當(dāng)你的計(jì)算非常耗時(shí)的時(shí)候，圖譜就顯的非秤谋溃卡頓苦始，所以減少計(jì)算是非常有必要的。
有這樣的一種情況：圖譜上有很多點(diǎn)慌申，當(dāng)你點(diǎn)擊一個(gè)點(diǎn)的時(shí)候盈简，要顯示這個(gè)點(diǎn)的信息。怎么確定是你點(diǎn)擊的那個(gè)點(diǎn)呢太示？一般來(lái)說(shuō)是要遍歷你圖上所有的點(diǎn)，每個(gè)點(diǎn)距離你點(diǎn)擊的距離更近香浩，那個(gè)點(diǎn)就是你想要的點(diǎn)了（HelloCharts是這么處理的）类缤，但經(jīng)驗(yàn)證，這樣的計(jì)算是非常耗時(shí)的邻吭，點(diǎn)數(shù)稍微一多餐弱，譜圖就卡頓了。LChart采用二分查找法，快速的命中你想要的點(diǎn)膏蚓，大大減少計(jì)算上的耗時(shí)瓢谢，效果是很理想的。
代碼貼上來(lái)占據(jù)篇幅驮瞧，地址在項(xiàng)目的data/line.java 這個(gè)類下氓扛，如有興趣，自行查看

最后但不是最后

關(guān)于LChart论笔，關(guān)鍵的幾個(gè)地方我大致說(shuō)了下采郎，詳細(xì)的使用參見(jiàn)github上的demo。
也許你仍有很多疑惑狂魔，So蒜埋，提出來(lái)，后續(xù)我也會(huì)逐漸的寫(xiě)出來(lái)最楷，完善它整份。

項(xiàng)目地址：https://github.com/linheimx/LChart，歡迎star籽孙，issue : )