得意犹堪夸世俗，诏黄新湿字如鸦。这篇文章主要讲述Android图表库MPAndroidChart——换一种思考方式，水平条形图的实现过程相关的知识，希望能为你提供帮助。
android图表库MPAndroidChart(六)——换一种思考方式， 水平条形图的实现过程 一.基本实现

我们之前实现了条形图， 现在来看下水平条形图是怎么实现的， 说白了就是横起来， 看下效果：

文章图片

说起来现在写着博客就轻松很多了， 大家对MPAndroidChart的大部分流程已经很熟悉了， 我们先layout里面定义它的横向View

< com.github.mikephil.charting.charts.HorizontalBarChart android:id= " @ + id/mHorizontalBarChart" android:layout_width= " match_parent" android:layout_height= " 0dp" android:layout_weight= " 1" />

然后进行初始化以及模拟数据

mHorizontalBarChart = (HorizontalBarChart) findViewById(R.id.mHorizontalBarChart); //设置相关属性 mHorizontalBarChart.setOnChartValueSelectedListener(this); mHorizontalBarChart.setDrawBarShadow(false); mHorizontalBarChart.setDrawValueAboveBar(true); mHorizontalBarChart.getDescription().setEnabled(false); mHorizontalBarChart.setMaxVisibleValueCount(60); mHorizontalBarChart.setPinchZoom(false); mHorizontalBarChart.setDrawGridBackground(false); //x轴 XAxis xl = mHorizontalBarChart.getXAxis(); xl.setPosition(XAxis.XAxisPosition.BOTTOM); xl.setDrawAxisLine(true); xl.setDrawGridLines(false); xl.setGranularity(10f); //y轴 YAxis yl = mHorizontalBarChart.getAxisLeft(); yl.setDrawAxisLine(true); yl.setDrawGridLines(true); yl.setAxisMinimum(0f); //y轴 YAxis yr = mHorizontalBarChart.getAxisRight(); yr.setDrawAxisLine(true); yr.setDrawGridLines(false); yr.setAxisMinimum(0f); //设置数据 setData(12, 50); mHorizontalBarChart.setFitBars(true); mHorizontalBarChart.animateY(2500); Legend l = mHorizontalBarChart.getLegend(); l.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM); l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT); l.setOrientation(Legend.LegendOrientation.HORIZONTAL); l.setDrawInside(false); l.setFormSize(8f); l.setXEntrySpace(4f);

当然， 这里我采用了一些随机数， 来设置数据

//来点随机数吧 private void setData(int count, float range) { float barWidth = 9f; float spaceForBar = 10f; ArrayList< BarEntry> yVals1 = new ArrayList< BarEntry> (); for (int i = 0; i < count; i+ + ) { float val = (float) (Math.random() * range); yVals1.add(new BarEntry(i * spaceForBar, val)); } BarDataSet set1; if (mHorizontalBarChart.getData() != null & & mHorizontalBarChart.getData().getDataSetCount() > 0) { set1 = (BarDataSet) mHorizontalBarChart.getData().getDataSetByIndex(0); set1.setValues(yVals1); mHorizontalBarChart.getData().notifyDataChanged(); mHorizontalBarChart.notifyDataSetChanged(); } else { set1 = new BarDataSet(yVals1, " DataSet 1" ); ArrayList< IBarDataSet> dataSets = new ArrayList< IBarDataSet> (); dataSets.add(set1); BarData data = new BarData(dataSets); data.setValueTextSize(10f); data.setBarWidth(barWidth); mHorizontalBarChart.setData(data); } }

这样就集成完成咯， 就是这么简单， 你会说， 这博客都没讲重点， 其实， 如果你细心的看下代码， 三五分钟就应该能明白了

二.显示顶点值
文章图片

三.x轴动画
文章图片

四.y轴动画
文章图片

五.xy轴动画
文章图片

六.高亮显示
文章图片

七.显示边框
文章图片

【Android图表库MPAndroidChart——换一种思考方式，水平条形图的实现过程】关于详细的可以看代码， 我已经过滤了一遍， 所有现在看起来很简单也很舒服：

activity_horizontal_barchar.xml

< ?xml version= " 1.0" encoding= " utf-8" ?> < LinearLayout xmlns:android= " http://schemas.android.com/apk/res/android" android:layout_width= " match_parent" android:layout_height= " match_parent" android:orientation= " vertical" > < com.github.mikephil.charting.charts.HorizontalBarChart android:id= " @ + id/mHorizontalBarChart" android:layout_width= " match_parent" android:layout_height= " 0dp" android:layout_weight= " 1" /> < LinearLayout android:layout_width= " match_parent" android:layout_height= " wrap_content" android:orientation= " horizontal" > < Button android:id= " @ + id/btn_show_values" android:layout_width= " wrap_content" android:layout_height= " wrap_content" android:text= " 顶点显示值" /> < Button android:id= " @ + id/btn_anim_x" android:layout_width= " wrap_content" android:layout_height= " wrap_content" android:text= " X轴动画" /> < Button android:id= " @ + id/btn_anim_y" android:layout_width= " wrap_content" android:layout_height= " wrap_content" android:text= " Y轴动画" /> < Button android:id= " @ + id/btn_anim_xy" android:layout_width= " wrap_content" android:layout_height= " wrap_content" android:text= " XY轴动画" /> < /LinearLayout> < LinearLayout android:layout_width= " match_parent" android:layout_height= " wrap_content" android:orientation= " horizontal" > < Button android:id= " @ + id/btn_save_pic" android:layout_width= " wrap_content" android:layout_height= " wrap_content" android:text= " 保存到相册" /> < Button android:id= " @ + id/btn_auto_mix_max" android:layout_width= " wrap_content" android:layout_height= " wrap_content" android:text= " 自动最大最小值" /> < Button android:id= " @ + id/btn_actionToggleHighlight" android:layout_width= " wrap_content" android:layout_height= " wrap_content" android:text= " 高亮显示" /> < Button android:id= " @ + id/btn_actionToggleBarBorders" android:layout_width= " wrap_content" android:layout_height= " wrap_content" android:text= " 显示边框" /> < /LinearLayout> < /LinearLayout>

HorizontalBarChartActivity

public class HorizontalBarChartActivity extends BaseActivity implements OnChartValueSelectedListener, View.OnClickListener {private HorizontalBarChart mHorizontalBarChart; //显示顶点值 private Button btn_show_values; //x轴动画 private Button btn_anim_x; //y轴动画 private Button btn_anim_y; //xy轴动画 private Button btn_anim_xy; //保存到sd卡 private Button btn_save_pic; //切换自动最大最小值 private Button btn_auto_mix_max; //高亮显示 private Button btn_actionToggleHighlight; //显示边框 private Button btn_actionToggleBarBorders; @ Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_horizontal_barchar); initView(); }//初始化View private void initView() {//基本控件 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_actionToggleBarBorders = (Button) findViewById(R.id.btn_actionToggleBarBorders); btn_actionToggleBarBorders.setOnClickListener(this); mHorizontalBarChart = (HorizontalBarChart) findViewById(R.id.mHorizontalBarChart); //设置相关属性 mHorizontalBarChart.setOnChartValueSelectedListener(this); mHorizontalBarChart.setDrawBarShadow(false); mHorizontalBarChart.setDrawValueAboveBar(true); mHorizontalBarChart.getDescription().setEnabled(false); mHorizontalBarChart.setMaxVisibleValueCount(60); mHorizontalBarChart.setPinchZoom(false); mHorizontalBarChart.setDrawGridBackground(false); //x轴 XAxis xl = mHorizontalBarChart.getXAxis(); xl.setPosition(XAxis.XAxisPosition.BOTTOM); xl.setDrawAxisLine(true); xl.setDrawGridLines(false); xl.setGranularity(10f); //y轴 YAxis yl = mHorizontalBarChart.getAxisLeft(); yl.setDrawAxisLine(true); yl.setDrawGridLines(true); yl.setAxisMinimum(0f); //y轴 YAxis yr = mHorizontalBarChart.getAxisRight(); yr.setDrawAxisLine(true); yr.setDrawGridLines(false); yr.setAxisMinimum(0f); //设置数据 setData(12, 50); mHorizontalBarChart.setFitBars(true); mHorizontalBarChart.animateY(2500); Legend l = mHorizontalBarChart.getLegend(); l.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM); l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT); l.setOrientation(Legend.LegendOrientation.HORIZONTAL); l.setDrawInside(false); l.setFormSize(8f); l.setXEntrySpace(4f); }//来点随机数吧 private void setData(int count, float range) { float barWidth = 9f; float spaceForBar = 10f; ArrayList< BarEntry> yVals1 = new ArrayList< BarEntry> (); for (int i = 0; i < count; i+ + ) { float val = (float) (Math.random() * range); yVals1.add(new BarEntry(i * spaceForBar, val)); } BarDataSet set1; if (mHorizontalBarChart.getData() != null & & mHorizontalBarChart.getData().getDataSetCount() > 0) { set1 = (BarDataSet) mHorizontalBarChart.getData().getDataSetByIndex(0); set1.setValues(yVals1); mHorizontalBarChart.getData().notifyDataChanged(); mHorizontalBarChart.notifyDataSetChanged(); } else { set1 = new BarDataSet(yVals1, " DataSet 1" ); ArrayList< IBarDataSet> dataSets = new ArrayList< IBarDataSet> (); dataSets.add(set1); BarData data = new BarData(dataSets); data.setValueTextSize(10f); data.setBarWidth(barWidth); mHorizontalBarChart.setData(data); } }@ Override public void onValueSelected(Entry e, Highlight h) {}@ Override public void onNothingSelected() {}@ Override public void onClick(View v) { switch (v.getId()) { //显示顶点值 case R.id.btn_show_values: for (IDataSet set : mHorizontalBarChart.getData().getDataSets()) set.setDrawValues(!set.isDrawValuesEnabled()); mHorizontalBarChart.invalidate(); break; //x轴动画 case R.id.btn_anim_x: mHorizontalBarChart.animateX(3000); break; //y轴动画 case R.id.btn_anim_y: mHorizontalBarChart.animateY(3000); break; //xy轴动画 case R.id.btn_anim_xy: mHorizontalBarChart.animateXY(3000, 3000); break; //保存到sd卡 case R.id.btn_save_pic: if (mHorizontalBarChart.saveToGallery(" title" + System.currentTimeMillis(), 50)) { Toast.makeText(getApplicationContext(), " 保存成功" , Toast.LENGTH_SHORT).show(); } else Toast.makeText(getApplicationContext(), " 保存失败" , Toast.LENGTH_SHORT).show(); break; //切换自动最大最小值 case R.id.btn_auto_mix_max: mHorizontalBarChart.setAutoScaleMinMaxEnabled(!mHorizontalBarChart.isAutoScaleMinMaxEnabled()); mHorizontalBarChart.notifyDataSetChanged(); break; //高亮显示 case R.id.btn_actionToggleHighlight: if (mHorizontalBarChart.getData() != null) { mHorizontalBarChart.getData().setHighlightEnabled( !mHorizontalBarChart.getData().isHighlightEnabled()); mHorizontalBarChart.invalidate(); } break; //显示边框 case R.id.btn_actionToggleBarBorders: for (IBarDataSet set : mHorizontalBarChart.getData().getDataSets()) ((BarDataSet) set) .setBarBorderWidth(set.getBarBorderWidth() = = 1.f ? 0.f : 1.f); mHorizontalBarChart.invalidate(); break; } } }

有兴趣的加群： 555974449 Sample:http://download.csdn.net/detail/qq_26787115/9685567

推荐阅读

• 

  Docker容器下快速搭建Hyperf框架在Windows系统的本地开发环境
• 

  u盘启动快捷键u盘启动快捷键
• 

  吃了止痛药能打新冠疫苗吗
• 

  FGO魔伊复刻流程攻略 魔法少女纪行复刻活动流程推荐
• 

  随性写的
• 

  高三学生经商有前途吗？
• 

  让你的打印机重获新生 益普生打印机废墨清零软件下载
• 

  3000元价位手机怎么选好 3000元价位手机怎么选
• 

  安乐什么意思 安乐是什么意思
• 

  王者荣耀狂铁所有皮肤 王者荣耀狂铁战令皮肤怎么样
• 

  代理服务器出了什么问题？ 代理服务器不能怎么回事
• 

  纵向沟通与横向沟通有何不同 横向沟通与纵向沟通各有哪些优缺点
• 

  吃南瓜子能减肥吗
• 

  圆的面积和底面积一样吗? 圆的面积和底面积一样吗
• 

  手机cpu怎么设置最佳性能
• 

  宫腔镜|不知道宫腔镜有何优势？给你列出这3点，可别小瞧了
• 

  急脾气的妈妈怎么对待慢性子的孩子
• 

  粉扑拿回来要洗吗 粉扑用完怎么放置
• 

  的哥马上要交班，却闯祸又丢工作
• 

  mysql查询前三名 mysql查询第三到第五

• Android ViewPager Fragment使用懒加载提升性能
• android 中判断WiFi是否可用的可靠方法 ,android 是否联网
• 安卓面试1
• Android开发使用的常见第三方框架
• android-自定义广告轮播Banner（无限循环实现）
• android ContentObserver
• Android 侧滑菜单与ActionBar和ShareActionProvider演示
• Android OkHttp使用与分析
• Android NDK, No rule to make target