Android图表库MPAndroidChart(十三)-简约的底部柱状图

Android图表库MPAndroidChart(十三)——简约的底部柱状图我们继续上一讲，今天还是说下柱状图，这个图的话应该是用的比较多的，所有拿出来溜溜，先看下效果我们还是来看下基本实现一.基本实现大家猜下，我们用哪个View来做比较好？<com.github.mikephil.charting.charts.BarChartandroid:id="@+id/mBarChart"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"/>继续用BarChart，那我们来做初始化的动作mBarChart.getDescription().setEnabled(false);mBarChart.setMaxVisibleValueCount(60);mBarChart.setPinchZoom(false);mBarChart.setDrawBarShadow(false);mBarChart.setDrawGridBackground(false);XAxisxAxis=mBarChart.getXAxis();xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);xAxis.setDrawGridLines(false);mBarChart.getAxisLeft().setDrawGridLines(false);mBarChart.animateY(2500);mBarChart.getLegend().setEnabled(false);这个初始化我实际上并没有设置什么特殊的属性，然后设置数据//设置数据privatevoidsetData(){ArrayList<BarEntry>yVals1=newArrayList<BarEntry>();for(inti=0;i<10;i++){floatmult=50;floatval=(float)(Math.random()*mult)+mult/3;yVals1.add(newBarEntry(i,val));}BarDataSetset1;if(mBarChart.getData()!=null&&mBarChart.getData().getDataSetCount()>0){set1=(BarDataSet)mBarChart.getData().getDataSetByIndex(0);set1.setValues(yVals1);mBarChart.getData().notifyDataChanged();mBarChart.notifyDataSetChanged();}else{set1=newBarDataSet(yVals1,"日期设置");//设置多彩也可以单一颜色set1.setColors(ColorTemplate.VORDIPLOM_COLORS);set1.setDrawValues(false);ArrayList<IBarDataSet>dataSets=newArrayList<IBarDataSet>();dataSets.add(set1);BarDatadata=newBarData(dataSets);mBarChart.setData(data);mBarChart.setFitBars(true);}mBarChart.invalidate();}在设置数据方面我也只是设置了多彩的颜色，这样就能实现我们上图的效果了，这个也算是一个比较简单的图表了二.显示顶点值好，基本功能都差不多，那我们来看下全部代码activity_another.xml<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><com.github.mikephil.charting.charts.BarChartandroid:id="@+id/mBarChart"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"/><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Buttonandroid:id="@+id/btn_show_values"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="顶点显示值"/><Buttonandroid:id="@+id/btn_anim_x"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="X轴动画"/><Buttonandroid:id="@+id/btn_anim_y"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Y轴动画"/><Buttonandroid:id="@+id/btn_anim_xy"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="XY轴动画"/></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><Buttonandroid:id="@+id/btn_save_pic"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="保存到相册"/><Buttonandroid:id="@+id/btn_auto_mix_max"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="自动最大最小值"/><Buttonandroid:id="@+id/btn_actionToggleHighlight"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="高亮显示"/><Buttonandroid:id="@+id/btn_show_border"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="显示边框"/></LinearLayout></LinearLayout>AnotherBarActivitypublicclassAnotherBarActivityextendsBaseActivityimplementsView.OnClickListener{privateBarChartmBarChart;//显示顶点值privateButtonbtn_show_values;//x轴动画privateButtonbtn_anim_x;//y轴动画privateButtonbtn_anim_y;//xy轴动画privateButtonbtn_anim_xy;//保存到sd卡privateButtonbtn_save_pic;//切换自动最大最小值privateButtonbtn_auto_mix_max;//高亮显示privateButtonbtn_actionToggleHighlight;//显示边框privateButtonbtn_show_border;@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_another);initView();}//初始化privatevoidinitView(){//基本控件btn_show_values=(Button)findViewById(R.id.btn_show_values);btn_show_values.setOnClickListener(this);btn_anim_x=(Button)findViewById(R.id.btn_anim_x);btn_anim_x.setOnClickListener(this);btn_anim_y=(Button)findViewById(R.id.btn_anim_y);btn_anim_y.setOnClickListener(this);btn_anim_xy=(Button)findViewById(R.id.btn_anim_xy);btn_anim_xy.setOnClickListener(this);btn_save_pic=(Button)findViewById(R.id.btn_save_pic);btn_save_pic.setOnClickListener(this);btn_auto_mix_max=(Button)findViewById(R.id.btn_auto_mix_max);btn_auto_mix_max.setOnClickListener(this);btn_actionToggleHighlight=(Button)findViewById(R.id.btn_actionToggleHighlight);btn_actionToggleHighlight.setOnClickListener(this);btn_show_border=(Button)findViewById(R.id.btn_show_border);btn_show_border.setOnClickListener(this);mBarChart=(BarChart)findViewById(R.id.mBarChart);mBarChart.getDescription().setEnabled(false);mBarChart.setMaxVisibleValueCount(60);mBarChart.setPnchZoom(false);mBarChart.setDrawBarShadow(false);mBarChart.setDrawGridBackground(false);XAxisxAxis=mBarChart.getXAxis();xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);xAxis.setDrawGridLines(false);mBarChart.getAxisLeft().setDrawGridLines(false);mBarChart.animateY(2500);mBarChart.getLegend().setEnabled(false);setData();}//设置数据privatevoidsetData(){ArrayList<BarEntry>yVals1=newArrayList<BarEntry>();for(inti=0;i<10;i++){floatmult=50;floatval=(float)(Math.random()*mult)+mult/3;yVals1.add(newBarEntry(i,val));}BarDataSetset1;if(mBarChart.getData()!=null&&mBarChart.getData().getDataSetCount()>0){set1=(BarDataSet)mBarChart.getData().getDataSetByIndex(0);set1.setValues(yVals1);mBarChart.getData().notifyDataChanged();mBarChart.notifyDataSetChanged();}else{set1=newBarDataSet(yVals1,"日期设置");//设置多彩也可以单一颜色set1.setColors(ColorTemplate.VORDIPLOM_COLORS);set1.setDrawValues(false);ArrayList<IBarDataSet>dataSets=newArrayList<IBarDataSet>();dataSets.add(set1);BarDatadata=newBarData(dataSets);mBarChart.setData(data);mBarChart.setFitBars(true);}mBarChart.invalidate();}@OverridepublicvoidonClick(Viewv){switch(v.getId()){//显示顶点值caseR.id.btn_show_values:for(IDataSetset:mBarChart.getData().getDataSets())set.setDrawValues(!set.isDrawValuesEnabled());mBarChart.invalidate();break;//x轴动画caseR.id.btn_anim_x:mBarChart.animateX(3000);break;//y轴动画caseR.id.btn_anim_y:mBarChart.animateY(3000);break;//xy轴动画caseR.id.btn_anim_xy:mBarChart.animateXY(3000,3000);break;//保存到sd卡caseR.id.btn_save_pic:if(mBarChart.saveToGallery("title"+System.currentTimeMillis(),50)){Toast.makeText(getApplicationContext(),"保存成功",Toast.LENGTH_SHORT).show();}elseToast.makeText(getApplicationContext()