Android MPAndroidChart：动态添加统计数据线【8】

悠悠 2024-02-17 16:37 48阅读 0赞

**Android MPAndroidChart：动态添加统计数据线【8】**

本文在附录相关文章6的基础上，动态的依次增加若干条统计折线（相当于批量增加数据点）。  
布局文件：

Java代码：

package zhangphil.chart;
    
    import java.text.DecimalFormat;
    import java.util.ArrayList;
    
    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.components.Legend.LegendPosition;
    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.formatter.ValueFormatter;
    import com.github.mikephil.charting.utils.ColorTemplate;
    import com.github.mikephil.charting.utils.ViewPortHandler;
    
    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 int[] xIndex = new int[10];
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    
    		for (int i = 0; i < xIndex.length; i++) {
    			xIndex[i] = i;
    		}
    
    		final LineChart mChart = (LineChart) findViewById(R.id.chart);
    		initialChart(mChart);
    
    		// 每点击一次按钮，增加一条统计折线
    		Button addButton = (Button) findViewById(R.id.button);
    		addButton.setOnClickListener(new View.OnClickListener() {
    
    			@Override
    			public void onClick(View v) {
    				addLineDataSet(mChart);
    			}
    		});
    	}
    
    	// 初始化图表
    	private void initialChart(LineChart mChart) {
    		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.WHITE);
    
    		// 图表的注解(只有当数据集存在时候才生效)
    		Legend l = mChart.getLegend();
    
    		// 可以修改图表注解部分的位置
    		l.setPosition(LegendPosition.ABOVE_CHART_RIGHT);
    
    		// 线性，也可是圆
    		l.setForm(LegendForm.SQUARE);
    
    		// 颜色
    		l.setTextColor(Color.CYAN);
    
    		// x坐标轴
    		XAxis xl = mChart.getXAxis();
    		xl.setTextColor(Color.BLUE);
    		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.RED);
    
    		// 最大值
    		leftAxis.setAxisMaxValue(120f);
    
    		// 最小值
    		leftAxis.setAxisMinValue(-10f);
    
    		// 不一定要从0开始
    		leftAxis.setStartAtZero(false);
    
    		leftAxis.setDrawGridLines(true);
    
    		YAxis rightAxis = mChart.getAxisRight();
    		// 不显示图表的右边y坐标轴线
    		rightAxis.setEnabled(false);
    	}
    
    	// 为LineChart增加LineDataSet
    	private void addLineDataSet(LineChart mChart) {
    		LineData data = mChart.getLineData();
    		if (data == null) {
    			data = new LineData();
    			for (int i = 0; i < xIndex.length; i++) {
    				data.addXValue("x:" + i);
    			}
    
    			mChart.setData(data);
    		}
    
    		addLineDataSet(data);
    
    		mChart.notifyDataSetChanged();
    		mChart.invalidate();
    
    		// 当前统计图表中最多在x轴坐标线上显示的总量
    		// mChart.setVisibleXRangeMaximum(5);
    		// mChart.moveViewToX(data.getXValCount() - 5);
    
    		//mChart.animateX(3000);
    	}
    
    	// 初始化数据集，添加一条统计折线
    	private void addLineDataSet(LineData data) {
    		int count = data.getDataSetCount();
    
    		LineDataSet mLineDataSet = new LineDataSet(getEntry(count), "数据集" + count);
    
    		mLineDataSet.setAxisDependency(AxisDependency.LEFT);
    
    		int color = ColorTemplate.JOYFUL_COLORS[count % ColorTemplate.JOYFUL_COLORS.length];
    
    		// 折线的颜色
    		mLineDataSet.setColor(color);
    		mLineDataSet.setCircleColor(Color.DKGRAY);
    		mLineDataSet.setLineWidth(5f);
    		mLineDataSet.setCircleSize(10f);
    
    		// 改变折线样式，用曲线。
    		mLineDataSet.setDrawCubic(true);
    		// 默认是直线
    		// 曲线的平滑度，值越大越平滑。
    		mLineDataSet.setCubicIntensity(0.2f);
    
    		// 填充曲线下方的区域，红色，半透明。
    		mLineDataSet.setDrawFilled(true);
    		mLineDataSet.setFillAlpha(128);
    		mLineDataSet.setFillColor(color);
    
    		mLineDataSet.setCircleColorHole(Color.YELLOW);
    		mLineDataSet.setHighLightColor(Color.GREEN);
    		mLineDataSet.setValueTextColor(color);
    		mLineDataSet.setValueTextSize(10f);
    		mLineDataSet.setDrawValues(true);
    
    		mLineDataSet.setValueFormatter(new ValueFormatter() {
    			@Override
    			public String getFormattedValue(float value, Entry entry, int dataSetIndex,
    					ViewPortHandler viewPortHandler) {
    				DecimalFormat decimalFormat = new DecimalFormat(".0");
    				String s = "y:" + decimalFormat.format(value);
    				return s;
    			}
    		});
    
    		data.addDataSet(mLineDataSet);
    	}
    
    	private ArrayList<Entry> getEntry(int count) {
    		ArrayList<Entry> y = new ArrayList<Entry>();
    		for (int index : xIndex) {
    			float val = (float) (Math.random() * 10 + (100-10 * count));
    			Entry entry = new Entry(val, index);
    			y.add(entry);
    		}
    
    		return y;
    	}
    }

代码运行结果，动图展现动态效果：

![Center][]

截取的一张静态图：

![Center 1][]

相关文章：  
【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】《Android统计图表MPAndroidChart：动态添加数据更新【6】》链接地址：[http://blog.csdn.net/zhangphil/article/details/50185115][http_blog.csdn.net_zhangphil_article_details_50185115]  
【7】《Android统计图表MPAndroidChart：为多条统计折线动态更新数据，以高温低温曲线为例【7】》链接地址：[http://blog.csdn.net/zhangphil/article/details/50186775][http_blog.csdn.net_zhangphil_article_details_50186775]

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

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/cb388e05e6774172be2d998406f890f4.png
[Center 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/ee0aae9f8d234e2a94df008082a790df.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
[http_blog.csdn.net_zhangphil_article_details_50185115]: http://blog.csdn.net/zhangphil/article/details/50185115
[http_blog.csdn.net_zhangphil_article_details_50186775]: http://blog.csdn.net/zhangphil/article/details/50186775
[https_github.com_PhilJay_MPAndroidChart]: https://github.com/PhilJay/MPAndroidChart