Android统计图表MPAndroidChart：动态添加数据更新【6】

我就是我 2024-02-17 16:37 38阅读 0赞

**Android统计图表MPAndroidChart：动态添加数据更新【6】**

Android MPAndroidChart的LineDataSet代表一条统计图表中统计折线，一张统计图表可以同时存在若干条统计折线，其在内存中存储的模型类型数组，从0开始下标。  
动态的往MPAndroidChart添加数据，就是增加往LineData里面增加Entry。  
写一个例子加以说明。  
先写一个LineChart布局，顶部的Button每点一次增加一个数据点：

Java代码：

package zhangphil.chart;
    
    import com.github.mikephil.charting.charts.LineChart;
    import com.github.mikephil.charting.components.Legend;
    import com.github.mikephil.charting.components.XAxis;
    import com.github.mikephil.charting.components.XAxis.XAxisPosition;
    import com.github.mikephil.charting.components.YAxis.AxisDependency;
    import com.github.mikephil.charting.components.YAxis;
    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 com.github.mikephil.charting.utils.ColorTemplate;
    
    import android.app.Activity;
    import android.graphics.Color;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    
    public class MainActivity extends Activity {
    
    	private LineChart mChart;
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    
    		mChart = (LineChart) findViewById(R.id.chart);
    
    		mChart.setDescription("Zhang Phil @ http://blog.csdn.net/zhangphil");
    		mChart.setNoDataTextDescription("暂时尚无数据");
    
    		mChart.setTouchEnabled(true);
    
    		// 可拖曳
    		mChart.setDragEnabled(true);
    
    		// 可缩放
    		mChart.setScaleEnabled(true);
    		mChart.setDrawGridBackground(false);
    
    		mChart.setPinchZoom(true);
    
    		// 设置图表的背景颜色
    		mChart.setBackgroundColor(Color.LTGRAY);
    
    		LineData data = new LineData();
    
    		// 数据显示的颜色
    		data.setValueTextColor(Color.WHITE);
    
    		// 先增加一个空的数据，随后往里面动态添加
    		mChart.setData(data);
    
    		// 图表的注解(只有当数据集存在时候才生效)
    		Legend l = mChart.getLegend();
    
    		// 可以修改图表注解部分的位置
    		// l.setPosition(LegendPosition.LEFT_OF_CHART);
    
    		// 线性，也可是圆
    		l.setForm(LegendForm.LINE);
    
    		// 颜色
    		l.setTextColor(Color.WHITE);
    
    		// x坐标轴
    		XAxis xl = mChart.getXAxis();
    		xl.setTextColor(Color.WHITE);
    		xl.setDrawGridLines(false);
    		xl.setAvoidFirstLastClipping(true);
    
    		// 几个x坐标轴之间才绘制？
    		xl.setSpaceBetweenLabels(5);
    
    		// 如果false，那么x坐标轴将不可见
    		xl.setEnabled(true);
    
    		// 将X坐标轴放置在底部，默认是在顶部。
    		xl.setPosition(XAxisPosition.BOTTOM);
    
    		// 图表左边的y坐标轴线
    		YAxis leftAxis = mChart.getAxisLeft();
    		leftAxis.setTextColor(Color.WHITE);
    
    		// 最大值
    		leftAxis.setAxisMaxValue(90f);
    
    		// 最小值
    		leftAxis.setAxisMinValue(40f);
    
    		// 不一定要从0开始
    		leftAxis.setStartAtZero(false);
    
    		leftAxis.setDrawGridLines(true);
    
    		YAxis rightAxis = mChart.getAxisRight();
    		// 不显示图表的右边y坐标轴线
    		rightAxis.setEnabled(false);
    
    		
    		
    		// 每点击一次按钮，增加一个点
    		Button addButton = (Button) findViewById(R.id.button);
    		addButton.setOnClickListener(new View.OnClickListener() {
    
    			@Override
    			public void onClick(View v) {
    				addEntry();
    			}
    		});
    	}
    
    	// 添加进去一个坐标点
    	private void addEntry() {
    
    		LineData data = mChart.getData();
    
    		// 每一个LineDataSet代表一条线，每张统计图表可以同时存在若干个统计折线，这些折线像数组一样从0开始下标。
    		// 本例只有一个，那么就是第0条折线
    		LineDataSet set = data.getDataSetByIndex(0);
    
    		// 如果该统计折线图还没有数据集，则创建一条出来，如果有则跳过此处代码。
    		if (set == null) {
    			set = createLineDataSet();
    			data.addDataSet(set);
    		}
    
    		// 先添加一个x坐标轴的值
    		// 因为是从0开始，data.getXValCount()每次返回的总是全部x坐标轴上总数量，所以不必多此一举的加1
    		data.addXValue((data.getXValCount()) + "");
    
    		// 生成随机测试数
    		float f = (float) ((Math.random()) * 20 + 50);
    
    		// set.getEntryCount()获得的是所有统计图表上的数据点总量，
    		// 如从0开始一样的数组下标，那么不必多次一举的加1
    		Entry entry = new Entry(f, set.getEntryCount());
    
    		// 往linedata里面添加点。注意：addentry的第二个参数即代表折线的下标索引。
    		// 因为本例只有一个统计折线，那么就是第一个，其下标为0.
    		// 如果同一张统计图表中存在若干条统计折线，那么必须分清是针对哪一条（依据下标索引）统计折线添加。
    		data.addEntry(entry, 0);
    
    		// 像ListView那样的通知数据更新
    		mChart.notifyDataSetChanged();
    
    		// 当前统计图表中最多在x轴坐标线上显示的总量
    		mChart.setVisibleXRangeMaximum(5);
    
    		// y坐标轴线最大值
    		// mChart.setVisibleYRange(30, AxisDependency.LEFT);
    
    		// 将坐标移动到最新
    		// 此代码将刷新图表的绘图
    		mChart.moveViewToX(data.getXValCount() - 5);
    
    		// mChart.moveViewTo(data.getXValCount()-7, 55f,
    		// AxisDependency.LEFT);
    	}
    
    	// 初始化数据集，添加一条统计折线，可以简单的理解是初始化y坐标轴线上点的表征
    	private LineDataSet createLineDataSet() {
    
    		LineDataSet set = new LineDataSet(null, "动态添加的数据");
    		set.setAxisDependency(AxisDependency.LEFT);
    
    		// 折线的颜色
    		set.setColor(ColorTemplate.getHoloBlue());
    
    		set.setCircleColor(Color.WHITE);
    		set.setLineWidth(10f);
    		set.setCircleSize(5f);
    		set.setFillAlpha(128);
    		set.setFillColor(ColorTemplate.getHoloBlue());
    		set.setHighLightColor(Color.GREEN);
    		set.setValueTextColor(Color.WHITE);
    		set.setValueTextSize(10f);
    		set.setDrawValues(true);
    		return set;
    	}
    }

运行结果：

![Center][]

相关文章：  
【1】《Android统计图表MPAndroidChart》链接地址：[http://blog.csdn.net/zhangphil/article/details/47656521][http_blog.csdn.net_zhangphil_article_details_47656521]  
【2】《基于Android MPAndroidChart实现腾讯QQ群数据统计报表核心功能》链接地址：[http://blog.csdn.net/zhangphil/article/details/47685515][http_blog.csdn.net_zhangphil_article_details_47685515]  
【3】《Android实现天气预报温度/气温折线趋势图》链接地址：[http://blog.csdn.net/zhangphil/article/details/47702245][http_blog.csdn.net_zhangphil_article_details_47702245]  
【4】《Android统计图表之柱状图（条形图）》链接地址：[http://blog.csdn.net/zhangphil/article/details/47727913][http_blog.csdn.net_zhangphil_article_details_47727913]  
【5】《Android MPAndroidChart之PieChart和数据结构以及模型【5】》链接地址：[http://blog.csdn.net/zhangphil/article/details/50172817][http_blog.csdn.net_zhangphil_article_details_50172817]

【6】MPAndroidChart在github上的项目主页：[https://github.com/PhilJay/MPAndroidChart][https_github.com_PhilJay_MPAndroidChart]

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/e18a72e1a99c44799940c67272cbef13.png
[http_blog.csdn.net_zhangphil_article_details_47656521]: http://blog.csdn.net/zhangphil/article/details/47656521
[http_blog.csdn.net_zhangphil_article_details_47685515]: http://blog.csdn.net/zhangphil/article/details/47685515
[http_blog.csdn.net_zhangphil_article_details_47702245]: http://blog.csdn.net/zhangphil/article/details/47702245
[http_blog.csdn.net_zhangphil_article_details_47727913]: http://blog.csdn.net/zhangphil/article/details/47727913
[http_blog.csdn.net_zhangphil_article_details_50172817]: http://blog.csdn.net/zhangphil/article/details/50172817
[https_github.com_PhilJay_MPAndroidChart]: https://github.com/PhilJay/MPAndroidChart