MPAndroidChart之折线图的使用
程序员文章站
2022-04-01 19:34:06
MPAndroidChart Github地址:https://github.com/PhilJay/MPAndroidChart最近项目中要用到折线图,,使用到了MPAndroidChart,,具体使用方法如下布局中:...
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
下一篇: 移动APP之辅助测试方法