Android MPAndroidChart開(kāi)源庫(kù)圖表之折線圖的實(shí)例代碼
本文講述了Android MPAndroidChart開(kāi)源庫(kù)圖表之折線圖的實(shí)例代碼。分享給大家供大家參考,具體如下:
承接上一篇文章,請(qǐng)參考Android HelloChart開(kāi)源庫(kù)圖表之折線圖的實(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ù)描述
// 如果沒(méi)有數(shù)據(jù)的時(shí)候,會(huì)顯示這個(gè),類(lèi)似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)畫(huà),x軸
}
/**
* 生成一個(gè)數(shù)據(jù)
* @param count 表示圖表中有多少個(gè)坐標(biāo)點(diǎn)
* @param range 用來(lái)生成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軸的集合來(lái)設(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è)置的問(wèn)題,代碼如下:
在上面的getLineData()函數(shù)中添加自己的設(shè)置:

效果圖如下:

關(guān)于MPAndroidChart填充式的折線圖網(wǎng)上的帖子很少,基本沒(méi)有。這個(gè)是自己在網(wǎng)上搜索其他開(kāi)源圖表庫(kù),如JFreeChart...加上自己看源碼才總結(jié)出來(lái)的,不知道對(duì)不對(duì),但是看效果,基本上沒(méi)問(wèn)題。如果大家發(fā)現(xiàn)有問(wèn)題,歡迎大家指正!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 詳解Android圖表 MPAndroidChart折線圖
- MPAndroidChart開(kāi)源圖表庫(kù)的使用介紹之餅狀圖、折線圖和柱狀圖
- Android自定義View實(shí)現(xiàn)折線圖效果
- Android繪制動(dòng)態(tài)折線圖
- Android HelloChart開(kāi)源庫(kù)圖表之折線圖的實(shí)例代碼
- Android開(kāi)發(fā)之天氣趨勢(shì)折線圖
- Android自定義控件實(shí)現(xiàn)折線圖
- Android自定義可左右滑動(dòng)和點(diǎn)擊的折線圖
- Android自定義View簡(jiǎn)易折線圖控件(二)
- Android開(kāi)發(fā)RecyclerView實(shí)現(xiàn)折線圖效果
相關(guān)文章
Android開(kāi)發(fā) Bundle傳值的理解與使用小結(jié)
這篇文章主要介紹了Android開(kāi)發(fā) Bundle傳值的理解與使用小結(jié),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2024-07-07
Android Glide圖片加載(加載監(jiān)聽(tīng)、加載動(dòng)畫(huà))
這篇文章主要為大家詳細(xì)介紹了Android Glide圖片加載的具體實(shí)現(xiàn)方法,包括加載監(jiān)聽(tīng)、加載動(dòng)畫(huà),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11
Android數(shù)據(jù)結(jié)構(gòu)優(yōu)化教程
這篇文章主要介紹了Android數(shù)據(jù)結(jié)構(gòu)優(yōu)化方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2023-01-01
Android 實(shí)現(xiàn)為點(diǎn)擊事件添加震動(dòng)效果
這篇文章主要介紹了Android 實(shí)現(xiàn)為點(diǎn)擊事件添加震動(dòng)效果,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-03-03
android實(shí)現(xiàn)記住用戶名和密碼以及自動(dòng)登錄
這篇文章主要為大家詳細(xì)介紹了android實(shí)現(xiàn)記住用戶名和密碼以及自動(dòng)登錄,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-09-09
三種Android單擊事件onclick的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了三種Android單擊事件onclick的實(shí)現(xiàn)方法,感興趣的小伙伴們可以參考一下2016-05-05

