前面我們介紹了開源圖表庫MPAndroidChart,請(qǐng)參考:
目前成都創(chuàng)新互聯(lián)公司已為上1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、嘉蔭網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。Android MPAndroidChart開源庫圖表之折線圖的實(shí)例代碼
我們今天介紹的將是一個(gè)更為優(yōu)秀的圖表庫,比MPAndroidChart性能更好,功能更完善,UI風(fēng)格更美觀,坐標(biāo)軸更精細(xì)。
支持縮放、滑動(dòng)以及平移。Zoom(pinch to zoom, double tap zoom), scroll and fling
支持自定義坐標(biāo)軸(比如坐標(biāo)軸位置:上下左右內(nèi)部),支持自動(dòng)生成坐標(biāo)軸。Custom and auto-generated axes(top, bottom, left, right, inside)
動(dòng)畫(Animations)
支持預(yù)覽,即在chart下面會(huì)有一個(gè)坐標(biāo)密度更細(xì)的附屬chart,當(dāng)選中附屬chart的某一區(qū)域,附屬chart上面的chart會(huì)顯示選中區(qū)域的更詳細(xì)情況。
GitHub地址
下面主要實(shí)現(xiàn)折線圖:
1.從上面的地址中下載最新hellocharts-library-1.5.3.jar包, 然后copy到項(xiàng)目的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)); //為每個(gè)對(duì)應(yīng)的i設(shè)置相應(yīng)的label(顯示在X軸) } Line line = new Line(mPointValues).setColor(BLUE).setCubic(false); Listlines = new ArrayList (); 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("采集時(shí)間"); axisX.setMaxLabelChars(10); axisX.setValues(mAxisValues); data.setAxisXBottom(axisX); Axis axisY = new Axis(); //Y軸 axisY.setMaxLabelChars(7); //默認(rèn)是3,只能看最后三個(gè)數(shù)字 data.setAxisYLeft(axisY); //設(shè)置行為屬性,支持縮放、滑動(dòng)以及平移 mLineChartView.setInteractive(true); mLineChartView.setZoomType(ZoomType.HORIZONTAL); mLineChartView.setContainerScrollEnabled(true, ContainerScrollType.HORIZONTAL); mLineChartView.setLineChartData(data); mLineChartView.setVisibility(View.VISIBLE);