Android饼状图的绘制
2017-06-21 10:04
274 查看
今天在Github上看到一个不错的开源图表库:MPAndroidChart,拥有常用的图表类型:线性图,饼状图,柱状图,
Github的地址:https://github.com/PhilJay/MPAndroidChart
在这里我介绍一下饼状图的使用:
第一步:引用这个库
1.在AndroidStudio的Project的build.gradle添加:maven { url"https://jitpack.io"
}如下所示:
2.在要使用的Module的build.gradle添加依赖:compile'com.github.PhilJay:MPAndroidChart:v3.0.0-beta1'如下所示:
第二步:在布局里添加饼状图控件如下所示:
运行程序效果图如下:
Github的地址:https://github.com/PhilJay/MPAndroidChart
在这里我介绍一下饼状图的使用:
第一步:引用这个库
1.在AndroidStudio的Project的build.gradle添加:maven { url"https://jitpack.io"
}如下所示:
allprojects { repositories { jcenter() maven { url "https://jitpack.io" } } }
2.在要使用的Module的build.gradle添加依赖:compile'com.github.PhilJay:MPAndroidChart:v3.0.0-beta1'如下所示:
dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) testCompile 'junit:junit:4.12' compile 'com.android.support:appcompat-v7:23.1.0' compile 'com.github.PhilJay:MPAndroidChart:v3.0.0-beta1' }添加完成后要把项目进行同步一下
第二步:在布局里添加饼状图控件如下所示:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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" tools:context="com.example.dell.mympandroidchart2.MainActivity"> <com.github.mikephil.charting.charts.PieChart android:id="@+id/consume_pie_chart" android:layout_width="match_parent" android:layout_height="320dp" android:layout_gravity="center_vertical"> </com.github.mikephil.charting.charts.PieChart> </LinearLayout>第三步:在Activity里面使用
public class MainActivity extends AppCompatActivity { private PieChart pieChart; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); pieChart= (PieChart) findViewById(R.id.consume_pie_chart); pieChart.setUsePercentValues(true);//设置value是否用显示百分数,默认为false pieChart.setDescription("全年消费情况");//设置描述 pieChart.setDescriptionTextSize(20);//设置描述字体大小 pieChart.setExtraOffsets(5,5,5,5);//设置饼状图距离上下左右的偏移量 pieChart.setDrawCenterText(true);//是否绘制中间的文字 pieChart.setCenterTextColor(Color.RED);//中间的文字颜色 pieChart.setCenterTextSize(15);//中间的文字字体大小 pieChart.setDrawHoleEnabled(true);//是否绘制饼状图中间的圆 pieChart.setHoleColor(Color.WHITE);//饼状图中间的圆的绘制颜色 pieChart.setHoleRadius(40f);//饼状图中间的圆的半径大小 pieChart.setTransparentCircleColor(Color.BLACK);//设置圆环的颜色 pieChart.setTransparentCircleAlpha(100);//设置圆环的透明度[0,255] pieChart.setTransparentCircleRadius(40f);//设置圆环的半径值 // enable rotation of the chart by touch pieChart.setRotationEnabled(true);//设置饼状图是否可以旋转(默认为true) pieChart.setRotationAngle(10);//设置饼状图旋转的角度 pieChart.setHighlightPerTapEnabled(true);//设置旋转的时候点中的tab是否高亮(默认为true) //右边小方框部分 Legend l = pieChart.getLegend(); //设置比例图 l.setPosition(Legend.LegendPosition.RIGHT_OF_CHART_CENTER);//设置每个tab的显示位置(这个位置是指下图右边小方框部分的位置 ) // l.setForm(Legend.LegendForm.LINE); //设置比例图的形状,默认是方形 l.setXEntrySpace(0f); l.setYEntrySpace(0f);//设置tab之间Y轴方向上的空白间距值 l.setYOffset(0f); //饼状图上字体的设置 // entry label styling pieChart.setDrawEntryLabels(true);//设置是否绘制Label pieChart.setEntryLabelColor(Color.BLACK);//设置绘制Label的颜色 pieChart.setEntryLabelTextSize(10f);//设置绘制Label的字体大小 // pieChart.setOnChartValueSelectedListener(this);//设值点击时候的回调 pieChart.animateY(3400, Easing.EasingOption.EaseInQuad);//设置Y轴上的绘制动画 ArrayList<PieEntry> pieEntries = new ArrayList<PieEntry>(); pieEntries.add( new PieEntry(24,"送礼")); pieEntries.add( new PieEntry(25,"住房")); pieEntries.add( new PieEntry(28,"旅行")); pieEntries.add( new PieEntry(22,"其他")); String centerText = "2016年消费\n¥"+12000; pieChart.setCenterText(centerText);//设置圆环中间的文字 PieDataSet pieDataSet = new PieDataSet(pieEntries, ""); ArrayList<Integer> colors = new ArrayList<Integer>(); // 饼图颜色 colors.add(Color.rgb(205, 205, 205)); colors.add(Color.rgb(114, 188, 223)); colors.add(Color.rgb(255, 123, 124)); colors.add(Color.rgb(57, 135, 200)); pieDataSet.setColors(colors); pieDataSet.setSliceSpace(0f);//设置选中的Tab离两边的距离 pieDataSet.setSelectionShift(5f);//设置选中的tab的多出来的 PieData pieData = new PieData(); pieData.setDataSet(pieDataSet); //各个饼状图所占比例数字的设置 pieData.setValueFormatter(new PercentFormatter());//设置% pieData.setValueTextSize(12f); pieData.setValueTextColor(Color.BLUE); pieChart.setData(pieData); // undo all highlights pieChart.highlightValues(null); pieChart.invalidate(); } }
运行程序效果图如下:
相关文章推荐
- Android饼状图的绘制
- Android饼状图的绘制
- Android:使用canvas绘制饼状统计图(自动适应条目数量/大小)
- Android动态绘制饼状图的示例代码
- Android自定义View饼状图的绘制总结
- Android绘制图表的项目,支持绘制线状图、柱状图、饼状图-HoloGraphLibrary 源码解析,超详细
- Android全屏绘制
- 关于android ui的优化 view 的绘制速度
- 关于android ui的优化 view 的绘制速度
- Android简明开发教程十五:RadioButton 多边形及路径绘制
- android 绘制图表
- Android关于在Canvas类里的绘制线程问题汇总
- Android简明开发教程十五:RadioButton 多边形及路径绘制
- android 结合压感绘制笔迹的问题
- android中利用opengl es绘制一个球体
- Android简明开发教程十四:Context Menu 绘制几何图形
- Android OpenGL学习笔记(二)之----三角形的绘制.
- 关于android ui的优化 view 的绘制速度
- android sdk 文档导读之一:android 如何绘制 Views
- 绘制几何图形——使用android.graphics类