在Mpchart中画图时也需要画布局
其实与普通控件没有什么区别
<com.github.mikephil.charting.charts.LineChart
android:layout_marginTop="20dp"
android:id="@+id/line2"
android:layout_width="500dp"
android:layout_height="300dp"
></com.github.mikephil.charting.charts.LineChart>
然后进行逻辑代码编辑
接下来是几个比较重要的类
XAxis: X轴类,通过控件.getXAxis(可设置x轴属性)
YAxis:Y轴类,因为有两个左右两个轴,因此通过getAxisLeft,getAxisRight获得,也可设置属性
LimitLine:限制线
Entry:一个数据实体,需要导入
import com.github.mikephil.charting.data.Entry;
animate:添加动画效果,可以给X轴和Y轴添加动画
LineDataSet:数据集,给图形添加数据,设置数据集的相关属性
setFillColor: 设置区域内的颜色,默认黄色
LineData:把之前的LineDataSet转换为一个新的集合调用数据的方法设置进去
xAxis.setValueFormatter(new IAxisValueFormatter() {
@Override
public String getFormattedValue(float value, AxisBase axis) {
return data[(int)value];
}
});
要说明的是设置的x轴的数目要与添加的数值的x轴的条目相对应
x轴有六条数据,因此实体数目也要有六条
以下为实现代码
public class Main5Activity extends AppCompatActivity {
private LineChart lineChart;
private LineDataSet set1;
private LineDataSet set2;
private ArrayList<Entry> list1;
private ArrayList<Entry> list2;
private Button button;
private String[] data={"昨天","今天","明天","周五","周六","周天"};
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main5);
lineChart=findViewById(R.id.line5);
button=findViewById(R.id.button91);
lineChart.getAxisLeft().setDrawAxisLine(false);
lineChart.getAxisLeft().setDrawLabels(false);
lineChart.getAxisRight().setDrawLabels(false);
lineChart.getAxisRight().setDrawAxisLine(false);//
XAxis xAxis=lineChart.getXAxis();
xAxis.setDrawGridLines(false);
xAxis.setLabelCount(6,true);
xAxis.setValueFormatter(new IAxisValueFormatter() {
@Override
public String getFormattedValue(float value, AxisBase axis) {
return data[(int)value];
}
});
haha();
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
haha();
}
});
}
private void haha() {
list1=new ArrayList<>();
list2=new ArrayList<>();
for (int i=0;i<6;i++){
list1.add(new Entry(i,(float) new Random().nextInt(90-70)+70));
}
for (int i=0;i<6;i++){
list2.add(new Entry(i,(float) new Random().nextInt(40-30)+30));
}
if (lineChart.getData()!=null&&lineChart.getData().getDataSetCount()>0){
set1=(LineDataSet)lineChart.getData().getDataSetByIndex(0);
set1.setValues(list1);
set1=(LineDataSet)lineChart.getData().getDataSetByIndex(1);
set2.setValues(list2);
lineChart.getData().notifyDataChanged();
lineChart.notifyDataSetChanged();
}else{
set1=new LineDataSet(list1,"哇哈哈");
set1.setColor(Color.RED);
set2=new LineDataSet(list2,"哇哈哈2");
set2.setColor(Color.YELLOW);
ArrayList<ILineDataSet> arrayList=new ArrayList<>();
arrayList.add(set1);
arrayList.add(set2);
LineData lineData=new LineData(arrayList);
lineChart.setData(lineData);
}
lineChart.animateX(2500);
}
}