当前位置： 移动技术网 > 移动技术>移动开发>Android > MPAndroidChart之折线图的使用

MPAndroidChart之折线图的使用

2020年08月11日  | 移动技术网移动技术  | 我要评论



MPAndroidChart   Github地址: https://github.com/PhilJay/MPAndroidChart

eclipse使用时需要的lib 下载地址：http://download.csdn.net/detail/zhang_teng/9397224

最近项目中要用到折线图，，使用到了MPAndroidChart，，具体使用方法如下

布局中： 


<strong><com.github.mikephil.charting.charts.LineChart
        android:id="@+id/LineChart"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
       /></strong>


具体配置： 



<span style="font-size:18px;">	<span style="background-color: rgb(204, 204, 204);"><span style="font-family:Microsoft YaHei;">	</span></span></span><span style="font-family:Microsoft YaHei;font-size:14px;"><strong style="background-color: rgb(204, 204, 204);">// 准备X轴数据
		ArrayList<String> xVals = new ArrayList<String>();
		xVals.add("0");
		xVals.add("2013年");
		xVals.add("2014年");
		xVals.add("2015年");
		xVals.add("2016年");
		// 准备Y轴数据
		ArrayList<Entry> yVals = new ArrayList<Entry>();
		yVals.add(new Entry(55.8f, 1));// 应该从0开始,但是0那不需要值就不写啦
		yVals.add(new Entry(30.8f, 2));
		yVals.add(new Entry(25.5f, 3));

		LineDataSet set1 = new LineDataSet(yVals, "测试数据1");// 一条数据线

		// 设置数据线的样式
		set1.setDrawCubic(true);// 改变折线样式，用曲线。
		set1.setCubicIntensity(0.2f);// 设置曲线的平滑度
		set1.setLineWidth(1.75f); // 线宽
		set1.setCircleSize(3f);// 显示的圆形大小
		set1.setColor(Color.YELLOW);// 显示颜色
		set1.setCircleColor(Color.BLUE);// 圆形的颜色
		set1.setHighLightColor(Color.GRAY); // 高亮的线的颜色 定位线
		// 创建数据线的集合
		ArrayList<LineDataSet> dataSets = new ArrayList<LineDataSet>();
		dataSets.add(set1);

		LineData data = new LineData(xVals, dataSets);//

		data.setValueFormatter(new MyFormatter());// 设置值的显示格式

		linechart.setData(data);
		// 添加警戒线
		YAxis yAxis = linechart.getAxisLeft();
		LimitLine ll = new LimitLine(40, "警戒线");
		ll.setLineWidth(0.5f);
		ll.setLineColor(Color.GRAY);
		ll.setTextColor(Color.GRAY);
		ll.setTextSize(12);
		ll.setEnabled(true);

		yAxis.addLimitLine(ll);
		// Y轴配置
		//yAxis.setStartAtZero(true); // 设置Y轴坐标是否从0开始
		yAxis.setInverted(false); // Y轴坐标反转,默认false,下小上大，，，
		yAxis.setSpaceTop(0); // Y轴坐标距顶有多少距离，，
		yAxis.setSpaceBottom(0); // Y轴坐标距底有多少距离，，
		yAxis.setShowOnlyMinMax(false); // 为true的话 Y轴坐标只显示最大值和最小值
		yAxis.setLabelCount(10, false);//参数一Y轴坐标的个数，参数二是否不均匀分布，，默认 false即均匀分布
		XAxis xAxis = linechart.getXAxis();
		// X轴配置
		// xAxis.setLabelsToSkip(1); //设置坐标相隔多少，参数是int类型
		xAxis.setPosition(XAxisPosition.BOTTOM); // 让x轴在下面
		// xAxis.resetLabelsToSkip(); //X轴自动计算坐标相隔多少 。。默认

		linechart.getAxisRight().setEnabled(false); // 隐藏右边 的坐标轴
		// 隐藏纵横网格线
		linechart.getXAxis().setDrawGridLines(false);
		linechart.getAxisLeft().setDrawGridLines(false);
		linechart.getAxisRight().setDrawGridLines(false);

		linechart.setDescription("LineChart图表测试");// 右下角描述
		linechart.setDragEnabled(false);// 拖拽禁止
		linechart.setScaleEnabled(false);// 缩放禁止

		// 隐藏表格的图案示例
		Legend legend = linechart.getLegend();
		legend.setEnabled(false);
		// Legend.setWordWrapEnabled(true); //坐标线描述 是否 不允许出边界
		linechart.animateY(2000);// 执行Y轴动画

		// linechart.invalidate(); // 重新更新显示

		// 完毕</strong></span>


MYFormatter代码： 





<span style="font-family:Microsoft YaHei;font-size:14px;">import java.text.DecimalFormat;

import com.github.mikephil.charting.components.YAxis;
import com.github.mikephil.charting.data.Entry;
import com.github.mikephil.charting.formatter.ValueFormatter;
import com.github.mikephil.charting.formatter.YAxisValueFormatter;
import com.github.mikephil.charting.utils.ViewPortHandler;

public class MyFormatter implements ValueFormatter, YAxisValueFormatter {
	DecimalFormat mFormat;
	
	public MyFormatter(){
		
		mFormat = new DecimalFormat("###,###,##0.00");
		
		
		
	}
	 
	   public MyFormatter(DecimalFormat format) {
	        this.mFormat = format;
	    }
	
	
	
	@Override
	public String getFormattedValue(float value, YAxis yAxis) {
		// TODO Auto-generated method stub
		 return mFormat.format(value) + "万";
	}

	@Override
	public String getFormattedValue(float value, Entry entry, int dataSetIndex,
			ViewPortHandler viewPortHandler) {
		// TODO Auto-generated method stub
		 return mFormat.format(value) + "万";
	}

}</span>










运行效果如下




本文地址：https://blog.csdn.net/Zhang_Teng/article/details/50488029

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网