Android MPAndroidChart開源庫圖表之折線圖的實(shí)例代碼
本文講述了Android MPAndroidChart開源庫圖表之折線圖的實(shí)例代碼。分享給大家供大家參考,具體如下:
承接上一篇文章,請(qǐng)參考Android HelloChart開源庫圖表之折線圖的實(shí)例代碼
1. 將mpandroidchartlibrary-2-0-8.jar包c(diǎn)opy到項(xiàng)目的libs中;
2. 定義xml文件。

3. 主要Java邏輯代碼如下,注釋已經(jīng)都添加上了。
package com.example.mpandroidlinechart;
import java.util.ArrayList;
import com.github.mikephil.charting.charts.LineChart;
import com.github.mikephil.charting.components.Legend;
import com.github.mikephil.charting.components.Legend.LegendForm;
import com.github.mikephil.charting.data.Entry;
import com.github.mikephil.charting.data.LineData;
import com.github.mikephil.charting.data.LineDataSet;
import android.support.v7.app.ActionBarActivity;
import android.graphics.Color;
import android.os.Bundle;
public class MainActivity extends ActionBarActivity {
private LineChart mLineChart;
// private Typeface mTf;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mLineChart = (LineChart) findViewById(R.id.spread_line_chart);
// mTf = Typeface.createFromAsset(getAssets(), "OpenSans-Bold.ttf");
LineData mLineData = getLineData(36, 100);
showChart(mLineChart, mLineData, Color.rgb(114, 188, 223));
}
// 設(shè)置顯示的樣式
private void showChart(LineChart lineChart, LineData lineData, int color) {
lineChart.setDrawBorders(false); //是否在折線圖上添加邊框
// no description text
lineChart.setDescription("");// 數(shù)據(jù)描述
// 如果沒有數(shù)據(jù)的時(shí)候,會(huì)顯示這個(gè),類似listview的emtpyview
lineChart.setNoDataTextDescription("You need to provide data for the chart.");
// enable / disable grid background
lineChart.setDrawGridBackground(false); // 是否顯示表格顏色
lineChart.setGridBackgroundColor(Color.WHITE & 0x70FFFFFF); // 表格的的顏色,在這里是是給顏色設(shè)置一個(gè)透明度
// enable touch gestures
lineChart.setTouchEnabled(true); // 設(shè)置是否可以觸摸
// enable scaling and dragging
lineChart.setDragEnabled(true);// 是否可以拖拽
lineChart.setScaleEnabled(true);// 是否可以縮放
// if disabled, scaling can be done on x- and y-axis separately
lineChart.setPinchZoom(false);//
lineChart.setBackgroundColor(color);// 設(shè)置背景
// add data
lineChart.setData(lineData); // 設(shè)置數(shù)據(jù)
// get the legend (only possible after setting data)
Legend mLegend = lineChart.getLegend(); // 設(shè)置比例圖標(biāo)示,就是那個(gè)一組y的value的
// modify the legend ...
// mLegend.setPosition(LegendPosition.LEFT_OF_CHART);
mLegend.setForm(LegendForm.CIRCLE);// 樣式
mLegend.setFormSize(6f);// 字體
mLegend.setTextColor(Color.WHITE);// 顏色
// mLegend.setTypeface(mTf);// 字體
lineChart.animateX(2500); // 立即執(zhí)行的動(dòng)畫,x軸
}
/**
* 生成一個(gè)數(shù)據(jù)
* @param count 表示圖表中有多少個(gè)坐標(biāo)點(diǎn)
* @param range 用來生成range以內(nèi)的隨機(jī)數(shù)
* @return
*/
private LineData getLineData(int count, float range) {
ArrayList<String> xValues = new ArrayList<String>();
for (int i = 0; i < count; i++) {
// x軸顯示的數(shù)據(jù),這里默認(rèn)使用數(shù)字下標(biāo)顯示
xValues.add("" + i);
}
// y軸的數(shù)據(jù)
ArrayList<Entry> yValues = new ArrayList<Entry>();
for (int i = 0; i < count; i++) {
float value = (float) (Math.random() * range) + 3;
yValues.add(new Entry(value, i));
}
// create a dataset and give it a type
// y軸的數(shù)據(jù)集合
LineDataSet lineDataSet = new LineDataSet(yValues, "測(cè)試折線圖" /*顯示在比例圖上*/);
// mLineDataSet.setFillAlpha(110);
// mLineDataSet.setFillColor(Color.RED);
//用y軸的集合來設(shè)置參數(shù)
lineDataSet.setLineWidth(1.75f); // 線寬
lineDataSet.setCircleSize(3f);// 顯示的圓形大小
lineDataSet.setColor(Color.WHITE);// 顯示顏色
lineDataSet.setCircleColor(Color.WHITE);// 圓形的顏色
lineDataSet.setHighLightColor(Color.WHITE); // 高亮的線的顏色
ArrayList<LineDataSet> lineDataSets = new ArrayList<LineDataSet>();
lineDataSets.add(lineDataSet); // add the datasets
// create a data object with the datasets
LineData lineData = new LineData(xValues, lineDataSets);
return lineData;
}
}
效果圖如下:

折線圖還有另外一種表現(xiàn)形式,就是折線平滑,然后折線與X軸之間可以任意填充自己想要的顏色,其實(shí)就是一些屬性設(shè)置的問題,代碼如下:
在上面的getLineData()函數(shù)中添加自己的設(shè)置:

效果圖如下:

關(guān)于MPAndroidChart填充式的折線圖網(wǎng)上的帖子很少,基本沒有。這個(gè)是自己在網(wǎng)上搜索其他開源圖表庫,如JFreeChart...加上自己看源碼才總結(jié)出來的,不知道對(duì)不對(duì),但是看效果,基本上沒問題。如果大家發(fā)現(xiàn)有問題,歡迎大家指正!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 詳解Android圖表 MPAndroidChart折線圖
- MPAndroidChart開源圖表庫的使用介紹之餅狀圖、折線圖和柱狀圖
- Android自定義View實(shí)現(xiàn)折線圖效果
- Android繪制動(dòng)態(tài)折線圖
- Android HelloChart開源庫圖表之折線圖的實(shí)例代碼
- Android開發(fā)之天氣趨勢(shì)折線圖
- Android自定義控件實(shí)現(xiàn)折線圖
- Android自定義可左右滑動(dòng)和點(diǎn)擊的折線圖
- Android自定義View簡(jiǎn)易折線圖控件(二)
- Android開發(fā)RecyclerView實(shí)現(xiàn)折線圖效果
相關(guān)文章
Android模擬實(shí)現(xiàn)網(wǎng)易新聞客戶端
這篇文章主要為大家詳細(xì)介紹了Android模擬實(shí)現(xiàn)網(wǎng)易新聞客戶端,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05
在啟動(dòng)欄制作android studio啟動(dòng)圖標(biāo)
這篇文章主要介紹了在啟動(dòng)欄制作android studio啟動(dòng)圖標(biāo)的相關(guān)知識(shí),需要的朋友可以參考下2018-03-03
Android xml文件的序列化實(shí)現(xiàn)代碼
Android提供了XmlSerializer來實(shí)現(xiàn)XML文件的序列化。相比傳統(tǒng)方式,更高效安全,需要的朋友可以參考下2014-02-02
Android中LeakCanary檢測(cè)內(nèi)存泄漏的方法
本篇文章主要介紹了Android中LeakCanary檢測(cè)內(nèi)存泄漏的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
Android獲取WebView加載url的請(qǐng)求錯(cuò)誤碼 【推薦】
這篇文章主要介紹了Android獲取WebView加載url的請(qǐng)求錯(cuò)誤碼 ,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06
Android筆記之:onConfigurationChanged詳解
本篇是對(duì)Android中onConfigurationChanged的使用進(jìn)行了詳細(xì)的分析介紹。需要的朋友參考下2013-05-05
Android學(xué)習(xí)筆記45之gson解析json
JSON即JavaScript Object Natation,是一種輕量級(jí)的數(shù)據(jù)交換格式,采用完全獨(dú)立于語言的文本格式,為Web開發(fā)提供了一種理想的數(shù)據(jù)交換格式。通過本篇文章給大家介紹Android學(xué)習(xí)筆記45之gson解析json的相關(guān)內(nèi)容,對(duì)android gson解析json相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12
Android實(shí)現(xiàn)瘋狂連連看游戲之實(shí)現(xiàn)游戲邏輯(五)
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)瘋狂連連看游戲之實(shí)現(xiàn)游戲邏輯,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03
Android隱藏和沉浸式虛擬按鍵NavigationBar的實(shí)現(xiàn)方法
今天小編就為大家分享一篇Android隱藏和沉浸式虛擬按鍵NavigationBar的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-07-07
Android實(shí)現(xiàn)自定義輪播圖片控件示例
我們都知道我們做軟件的時(shí)候,有些應(yīng)用是有廣告的輪番圖的,我們實(shí)現(xiàn)這個(gè)功能的時(shí)候大多數(shù)是采用:ViewPager +LinearLayout來實(shí)現(xiàn)的,今天分享一下我自己自定義的廣告輪番圖的控件!2016-11-11

