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

發(fā)布時間：2020-09-16 21:41:15 來源：腳本之家閱讀：373 作者：shineflowers 欄目：移動開發(fā)

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

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

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

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

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

動畫（Animations）

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

GitHub地址

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

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

2. 定義xml文件

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

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

for (int i = 0; i < 10 ; i++) { 
 mPointValues.add(new PointValue(i, new Random().nextInt(10))); 
 mAxisValues.add(new AxisValue(i).setLabel(i)); //為每個對應(yīng)的i設(shè)置相應(yīng)的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); 
//坐標(biāo)軸 
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); //默認(rèn)是3，只能看最后三個數(shù)字 
data.setAxisYLeft(axisY); 
//設(shè)置行為屬性，支持縮放、滑動以及平移 
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)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對億速云的支持。

向AI問一下細節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽