<Android 应用 之路> MPAndroidChart~LineChart
简介
MPAndroidChart是PhilJay大神给Android开发者带来的福利。MPAndroidChart是一个功能强大并且使用灵活的图表开源库,支持Android和IOS两种,这里我们暂时只关注Android版本。
Wiki
https://github.com/PhilJay/MPAndroidChart/wiki
Javadoc
https://jitpack.io/com/github/PhilJay/MPAndroidChart/v3.0.0-beta1/javadoc/
今日之图~LineChart
先看下效果压压惊,右边的图为左边的图横向拉伸后的效果
布局文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.mpandroidchartdemo.MainActivity" >
<com.github.mikephil.charting.charts.LineChart
android:id="@+id/chart"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</RelativeLayout>
对于Chart,可以采用布局文件添加方式,也可以采用代码添加方式。
代码
requestWindowFeature(Window.FEATURE_NO_TITLE);//no title,去掉actionbar
setContentView(R.layout.activity_main);//设置主视图
chart = (LineChart) findViewById(R.id.chart);
xVals = new ArrayList<>();
yVals = new ArrayList<>();
random = new Random();//产生随机数字
for(int i = 0 ; i<12; i++) {
float x = random.nextInt(10000);//获取value值
yVals.add(new Entry(x, i));//创建Entry并且添加到Y值的list中,Y轴的值,一个entry代表一个显示的值
xVals.add( (i+1) + "月");//横坐标显示xxx月
}
dataSet = new LineDataSet(yVals, "金额");//创建数据集并设置标签
dataSet.setColors(ColorTemplate.COLORFUL_COLORS);//设置数据集显示的颜色,预支颜色模版ColorTemplate,也可以设置单一颜色和colors
dataSet.setHighlightEnabled(true);//设置高亮
dataSet.setValueTextColor(Color.BLUE);//设置Value值的显示文字颜色,字体大小和字体种类,这里我没有添加对应字体可以自己修改
dataSet.setValueTextSize(10.0f);
dataSet.setValueTypeface(null);
data = new LineData(xVals, dataSet);//创建LineData,x轴List和Y轴数据集为参数
chart.setData(data);//给图表添加数据
chart.setDescription("收支状态");//设置图表描述的内容位置,字体等等
chart.setDescriptionColor(Color.YELLOW);
chart.setDescriptionTextSize(15f);
chart.setDescriptionPosition(540, 40);
chart.getXAxis().setPosition(XAxisPosition.BOTTOM);//设置X轴的显示位置,通过XAxisPosition枚举类型来设置
chart.getXAxis().setAxisMinValue(0.0f);//设置X轴的最小值
chart.getAxisRight().setEnabled(false);//关闭右边的Y轴,因为默认有两条,左边一条,右边一条,MPAndroidChart中有setEnabled方法的元素基本上都是使能的作用
chart.animateY(3000);//动画效果,MPAndroidChart中还有很多动画效果可以挖掘
//当值被选中的时候,执行操作显示一个Toast
chart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {
@Override
public void onValueSelected(Entry e, int dataSetIndex, Highlight h) {
// TODO Auto-generated method stub
Toast.makeText(MainActivity.this, String.valueOf(e.getVal()), Toast.LENGTH_SHORT).show();
}
@Override
public void onNothingSelected() {
// TODO Auto-generated method stub
}
});
备注
中午抽空看下MPAndroidChart并记录下简单的入门,刚开始,有兴趣的可以直接去GitHub上看下Wiki,当然也有人翻译了这篇英文Wiki,直接搜索MPAndroidChart应该就都可以看到了。至于使用方式,大家应该都很清楚,引用jar包或者下载源码编译吧,我是懒人,前者可选。
世界牛人太多,跟不上脚步了。