Android HelloChart開源庫圖表之折線圖的實例代碼

更新時間：2018年05月16日 11:23:43 作者：shineflowers

這篇文章主要介紹了Android HelloChart開源庫圖表之折線圖的實例代碼，具有很好的參考價值，希望對大家有所幫助，一起跟隨小編過來看看吧

前面我們介紹了開源圖表庫MPAndroidChart，請參考：

Android MPAndroidChart開源庫圖表之折線圖的實例代碼

我們今天介紹的將是一個更為優(yōu)秀的圖表庫，比MPAndroidChart性能更好，功能更完善，UI風格更美觀，坐標軸更精細。

支持縮放、滑動以及平移。Zoom(pinch to zoom, double tap zoom), scroll and fling

支持自定義坐標軸（比如坐標軸位置：上下左右內(nèi)部），支持自動生成坐標軸。Custom and auto-generated axes(top, bottom, left, right, inside)

動畫（Animations）

支持預覽，即在chart下面會有一個坐標密度更細的附屬chart，當選中附屬chart的某一區(qū)域，附屬chart上面的chart會顯示選中區(qū)域的更詳細情況。

GitHub地址

下面主要實現(xiàn)折線圖：

1.從上面的地址中下載最新hellocharts-library-1.5.3.jar包，然后copy到項目的libs中

2. 定義xml文件

3. 顯示折線圖的部分邏輯如下：

for (int i = 0; i < 10 ; i++) { 
 mPointValues.add(new PointValue(i, new Random().nextInt(10))); 
 mAxisValues.add(new AxisValue(i).setLabel(i)); //為每個對應的i設置相應的label(顯示在X軸) 
} 
Line line = new Line(mPointValues).setColor(BLUE).setCubic(false); 
List<Line> lines = new ArrayList<Line>(); 
lines.add(line); 
LineChartData data = new LineChartData(); 
data.setLines(lines); 
//坐標軸 
Axis axisX = new Axis(); //X軸 
axisX.setHasTiltedLabels(true); 
axisX.setTextColor(BLUE); 
axisX.setName("采集時間"); 
axisX.setMaxLabelChars(10); 
axisX.setValues(mAxisValues); 
data.setAxisXBottom(axisX); 
Axis axisY = new Axis(); //Y軸 
axisY.setMaxLabelChars(7); //默認是3，只能看最后三個數(shù)字 
data.setAxisYLeft(axisY); 
//設置行為屬性，支持縮放、滑動以及平移 
mLineChartView.setInteractive(true); 
mLineChartView.setZoomType(ZoomType.HORIZONTAL); 
mLineChartView.setContainerScrollEnabled(true, ContainerScrollType.HORIZONTAL); 
mLineChartView.setLineChartData(data); 
mLineChartView.setVisibility(View.VISIBLE);

上文所表述的全部內(nèi)容是Android HelloChart開源庫圖表之折線圖的實例代碼，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章: