MPAndroidChart详解
简介
MPAndroidChart是一款基于Android的开源图表库,MPAndroidChart不仅可以在Android设备上绘制各种统计图表,而且可以对图表进行拖动和缩放操作,应用起来非常灵活。基本使用
- 创建视图
两种方式.xml
中定义它
- java代码动态创建,并将声明的对象放到视图中
LineChart chart = new LineChart(Context);
- 添加数据
想要给图表设置数据,必须通过setData()
方法public void setData (ChartData data ){ ... }
ChartData
类里面封装了呈现期间所需图表的所有数据和信息,使用每一种图表需要使用其对应的子类例如
:LineChart对应LineData
这时你会看到构造函数有以下方法,同时LineData
也有addDataSet()
方法public LineData(List
sets) { ... } public LineData(LineDataSet...) { ... }
一个DataSet对象表示当前Chart的一种类型数据,它可以将Chart中加入不同的类型,其允许特定样式。例如
:一个折线图,可能不光有当天的温度和湿度变化,还有前几天的变化
LineDataSet构造函数如下public LineDataSet (List
entries,String label ){ ... }
List类型的Entry封装了图表的所有值,要向图表添加数据,需要将每个数据对象包装到Entry
对象,Entry
类表示单个数据注意:mpAndroidChart不同版本有一定差异,方法参数会有一定的差异,总体思路基本一致,注意看方法的参数,和异常信息!!!
使用
invalidate()
方法刷新数据如果是动态添加数据需要notify
lineDataSet.notifyDataSetChanged();
lineData.notifyDataChanged();
lineChart.notifyDataSetChanged();
lineChart.invalidate();
手势交互
setTouchEnabled(boolean enabled)
:允许启用/禁用与图表的所有可能的触摸交互setDragEnabled(boolean enabled)
:启用/禁用图表的拖动(平移)setScaleEnabled(boolean enabled)
:启用/禁用两个轴上的图表缩放setScaleXEnabled(boolean enabled)
:启用/禁用x轴缩放setScaleYEnabled(boolean enabled)
:启用/禁用y轴缩放setPinchZoom(boolean enabled)
:如果设置为true,则启用缩放缩放。如果禁用,则可以单独缩放x轴和y轴setDoubleTapToZoomEnabled(boolean enabled)
:将此设置为false以禁止通过双击来缩放图表
- 通过
DataSet
对象的setColor()
或setColors()
设置颜色,也可选择已经提供好的颜色集颜色集合在ColorTemplate
类中
barDataSet.setColors(ColorTemplate.JOYFUL_COLORS);
代码运用
public class DataAnalyseActivity extends AppCompatActivity {
//1 定义对象
LineChart income_chart,outpay_chart;
MyDBHelper mhelper;
SQLiteDatabase db;
String[] indata=https://www.it610.com/article/{"学习-奖金","补助-奖金","比赛-奖励","业余-兼职","基本工资","福利-分红","加班-津贴","其他"};
//收入类型数据统计的初始值
int xxjjmoney=0;
int bzjjmoney=0;
int bsjlmoney=0;
int yyjzmoney=0;
int jbgzmoney=0;
int flfhmoney=0;
int jbjtmoney=0;
int qtmoney=0;
String[] outdata=https://www.it610.com/article/{"电影-娱乐","美食-畅饮","欢乐-购物","手机-充值","交通-出行","教育-培训","社交-礼仪","生活-日用","其他"};
//收入类型数据统计的初始值
int dyylmoney=0;
int mscymoney=0;
int hlgwmoney=0;
int sjczmoney=0;
int jtcxmoney=0;
int jypxmoney=0;
int sjlymoney=0;
int shrymoney=0;
int othermoney=0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_data_analyse);
//2 绑定控件
initView();
//3 收入汇总分析
inComeData();
//4 支出汇总分析
outComeData();
}
//2 绑定控件---------------代码
private void initView() {
income_chart=findViewById(R.id.income_chart_data);
outpay_chart=findViewById(R.id.outpay_chart_data);
mhelper=new MyDBHelper(DataAnalyseActivity.this);
db=mhelper.getWritableDatabase();
}
//3 收入汇总分析-------------------代码
private void inComeData() {
//第一部分:获取数据
Cursor cursor =db.rawQuery("select * from in_come",null);
while(cursor.moveToNext()){
Double mymoney=cursor.getDouble(cursor.getColumnIndex("inmoney"));
String mytype=cursor.getString(cursor.getColumnIndex("intype"));
if(mytype.equals("学习-奖金")){
xxjjmoney+=mymoney;
}else if(mytype.equals("补助-奖金")){
bzjjmoney+=mymoney;
}else if(mytype.equals("比赛-奖励")){
bzjjmoney+=mymoney;
}else if(mytype.equals("业余-兼职")){
yyjzmoney+=mymoney;
}else if(mytype.equals("基本-工资")){
jbgzmoney+=mymoney;
}else if(mytype.equals("福利-分红")){
flfhmoney+=mymoney;
}else if(mytype.equals("加班-津贴")){
jbjtmoney+=mymoney;
}else if(mytype.equals("其他")){
qtmoney+=mymoney;
}
}
//第二部分:LineChart 图表初始化设置---Xy 轴的设置
XAxis xAxis=income_chart.getXAxis();
//获取此图表的 x 轴轴线
YAxis yAxisleft =income_chart.getAxisLeft();
//获取此图表的 Y 轴左侧轴线
YAxis yAxisright =income_chart.getAxisRight();
//获取此图表的 Y轴右侧轴线
xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
//设置 X 轴线的位置为底部
yAxisleft.setAxisMinimum(0f);
//保证 Y 轴从 0 开始,不然会上移一点。
yAxisright.setAxisMinimum(0f);
xAxis.setValueFormatter(new IAxisValueFormatter() {//x 轴自定义标签的设置
@Override
public String getFormattedValue(float v, AxisBase axisBase) {
return indata[(int) v];
}
});
//第三部分:LineDataSet 曲线初始化设置
List inentries=new ArrayList<>();
//Y 轴的数据
inentries.add(new Entry(0,xxjjmoney));
inentries.add(new Entry(1,bzjjmoney));
inentries.add(new Entry(2,bsjlmoney));
inentries.add(new Entry(3,yyjzmoney));
inentries.add(new Entry(4,jbgzmoney));
inentries.add(new Entry(5,flfhmoney));
inentries.add(new Entry(6,jbjtmoney));
inentries.add(new Entry(7,qtmoney));
LineDataSet lineDataSet=new LineDataSet(inentries,"金额");
//代表一条线,“金额”是曲线名称
lineDataSet.setValueTextSize(25);
//曲线上文字的大小
lineDataSet.setValueTextColor(Color.WHITE);
//曲线上文字的颜色
lineDataSet.setDrawFilled(true);
//设置折线图填充
//第四部分:曲线展示
LineData data=https://www.it610.com/article/new LineData(lineDataSet);
//创建 LineData 对象 属于LineChart 折线图的数据集合
income_chart.setData(data);
// 添加到图表中
}
//4 支出汇总分析--------------------代码
private void outComeData() {
//第一部分:获取数据
Cursor cursor =db.rawQuery("select * from pay_out",null);
while(cursor.moveToNext()){
Double mymoney=cursor.getDouble(cursor.getColumnIndex("outmoney"));
String mytype=cursor.getString(cursor.getColumnIndex("outtype"));
if(mytype.equals("电影-娱乐")){
dyylmoney+=mymoney;
}else if(mytype.equals("美食-畅饮")){
mscymoney+=mymoney;
}else if(mytype.equals("欢乐-购物")){
hlgwmoney+=mymoney;
}else if(mytype.equals("手机-充值")){
sjczmoney+=mymoney;
}else if(mytype.equals("交通-出行")){
jtcxmoney+=mymoney;
}else if(mytype.equals("教育-培训")){
jypxmoney+=mymoney;
}else if(mytype.equals("社交-礼仪")){
sjlymoney+=mymoney;
}else if(mytype.equals("生活-日用")){
shrymoney+=mymoney;
}else if(mytype.equals("其他")){
othermoney+=mymoney;
}
}
//第二部分:LineChart 图表初始化设置---Xy 轴的设置
XAxis xAxis=outpay_chart.getXAxis();
//获取此图表的 x 轴轴线
YAxis yAxisleft =outpay_chart.getAxisLeft();
//获取此图表的 Y 轴左侧轴线
YAxis yAxisright =outpay_chart.getAxisRight();
//获取此图表的 Y 轴右侧轴线
xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
//设置 X 轴线的位置为底部
yAxisleft.setAxisMinimum(0f);
//保证 Y 轴从 0 开始,不然会上移一点。
yAxisright.setAxisMinimum(0f);
xAxis.setValueFormatter(new IAxisValueFormatter() {//x 轴自定义标签的设置
@Override
public String getFormattedValue(float v, AxisBase axisBase) {
return outdata[(int) v];
}
});
//第三部分:LineDataSet 曲线初始化设置
List outentries=new ArrayList<>();
//Y 轴的数据
outentries.add(new Entry(0,dyylmoney));
outentries.add(new Entry(1,mscymoney));
outentries.add(new Entry(2,hlgwmoney));
outentries.add(new Entry(3,sjczmoney));
outentries.add(new Entry(4,jtcxmoney));
outentries.add(new Entry(5,jypxmoney));
outentries.add(new Entry(6,sjlymoney));
outentries.add(new Entry(7,shrymoney));
outentries.add(new Entry(8,othermoney));
LineDataSet lineDataSet=new LineDataSet(outentries,"金额");
//代表一条线,“金额”是曲线名称
lineDataSet.setValueTextSize(25);
//曲线上文字的大小
lineDataSet.setValueTextColor(Color.WHITE);
//曲线上文字的颜色
lineDataSet.setDrawFilled(true);
//设置折线图填充
//第四部分:曲线展示
LineData data=https://www.it610.com/article/new LineData(lineDataSet);
//创建 LineData 对象 属于LineChart 折线图的数据集合
outpay_chart.setData(data);
// 添加到图表中
}
}
【MPAndroidChart详解】
推荐阅读
- Java|Java OpenCV图像处理之SIFT角点检测详解
- C语言浮点函数中的modf和fmod详解
- java简介|Java是什么(Java能用来干什么?)
- 虚拟DOM-Diff算法详解
- LSTM网络层详解及其应用实例
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 什么是张拉膜结构雨棚(有哪些特点?)
- OC:|OC: WKWebView详解
- ACI注册国际心理咨询师简介和可靠性分析
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show