快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

AndroidMPAndroidChart开源图表库之如何实现饼状图

这篇文章主要介绍Android MPAndroidChart开源图表库之如何实现饼状图,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

高港网站建设公司创新互联公司,高港网站设计制作,有大型网站制作公司丰富经验。已为高港成百上千提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的高港做网站的公司定做!

MPAndroidChart是一款基于Android的开源图表库,MPAndroidChart不仅可以在Android设备上绘制各种统计图表,而且可以对图表进行拖动和缩放操作,应用起来非常灵活。MPAndroidChart同样拥有常用的图表类型:线型图、饼图、柱状图和散点图。

下面主要实现以下饼状图:

1.从上面的地址中下载最新mpandroidchartlibrary-2-0-8.jar包, 然后copy到项目的libs中;

2.定义xml文件;

3.主要Java逻辑代码如下,注释已经都添加上了。

package com.jackie.mpandroidpiechart; 
import java.util.ArrayList; 
import com.github.mikephil.charting.charts.PieChart; 
import com.github.mikephil.charting.components.Legend; 
import com.github.mikephil.charting.components.Legend.LegendPosition; 
import com.github.mikephil.charting.data.Entry; 
import com.github.mikephil.charting.data.PieData; 
import com.github.mikephil.charting.data.PieDataSet; 
import android.support.v7.app.ActionBarActivity; 
import android.graphics.Color; 
import android.os.Bundle; 
import android.util.DisplayMetrics; 
public class MainActivity extends ActionBarActivity { 
 private PieChart mChart; 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.activity_main); 
 mChart = (PieChart) findViewById(R.id.spread_pie_chart); 
 PieData mPieData = getPieData(4, 100); 
 showChart(mChart, mPieData); 
 } 
 private void showChart(PieChart pieChart, PieData pieData) { 
 pieChart.setHoleColorTransparent(true); 
 pieChart.setHoleRadius(60f); //半径 
 pieChart.setTransparentCircleRadius(64f); // 半透明圈 
 //pieChart.setHoleRadius(0) //实心圆 
 pieChart.setDescription("测试饼状图"); 
 // mChart.setDrawYValues(true); 
 pieChart.setDrawCenterText(true); //饼状图中间可以添加文字 
 pieChart.setDrawHoleEnabled(true); 
 pieChart.setRotationAngle(90); // 初始旋转角度 
 // draws the corresponding description value into the slice 
 // mChart.setDrawXValues(true); 
 // enable rotation of the chart by touch 
 pieChart.setRotationEnabled(true); // 可以手动旋转 
 // display percentage values 
 pieChart.setUsePercentValues(true); //显示成百分比 
 // mChart.setUnit(" ?"); 
 // mChart.setDrawUnitsInChart(true); 
 // add a selection listener 
// mChart.setOnChartValueSelectedListener(this); 
 // mChart.setTouchEnabled(false); 
// mChart.setOnAnimationListener(this); 
 pieChart.setCenterText("Quarterly Revenue"); //饼状图中间的文字 
 //设置数据 
 pieChart.setData(pieData); 
 // undo all highlights 
// pieChart.highlightValues(null); 
// pieChart.invalidate(); 
 Legend mLegend = pieChart.getLegend(); //设置比例图 
 mLegend.setPosition(LegendPosition.RIGHT_OF_CHART); //最右边显示 
// mLegend.setForm(LegendForm.LINE); //设置比例图的形状,默认是方形 
 mLegend.setXEntrySpace(7f); 
 mLegend.setYEntrySpace(5f); 
 pieChart.animateXY(1000, 1000); //设置动画 
 // mChart.spin(2000, 0, 360); 
 } 
 /** 
 * 
 * @param count 分成几部分 
 * @param range 
 */ 
 private PieData getPieData(int count, float range) { 
 ArrayList xValues = new ArrayList(); //xVals用来表示每个饼块上的内容 
 for (int i = 0; i < count; i++) { 
 xValues.add("Quarterly" + (i + 1)); //饼块上显示成Quarterly1, Quarterly2, Quarterly3, Quarterly4 
 } 
 ArrayList yValues = new ArrayList(); //yVals用来表示封装每个饼块的实际数据 
 // 饼图数据 
 /** 
 * 将一个饼形图分成四部分, 四部分的数值比例为14:14:34:38 
 * 所以 14代表的百分比就是14% 
 */ 
 float quarterly1 = 14; 
 float quarterly2 = 14; 
 float quarterly3 = 34; 
 float quarterly4 = 38; 
 yValues.add(new Entry(quarterly1, 0)); 
 yValues.add(new Entry(quarterly2, 1)); 
 yValues.add(new Entry(quarterly3, 2)); 
 yValues.add(new Entry(quarterly4, 3)); 
 //y轴的集合 
 PieDataSet pieDataSet = new PieDataSet(yValues, "Quarterly Revenue 2014"/*显示在比例图上*/); 
 pieDataSet.setSliceSpace(0f); //设置个饼状图之间的距离 
 ArrayList colors = new ArrayList(); 
 // 饼图颜色 
 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); 
 DisplayMetrics metrics = getResources().getDisplayMetrics(); 
 float px = 5 * (metrics.densityDpi / 160f); 
 pieDataSet.setSelectionShift(px); // 选中态多出的长度 
 PieData pieData = new PieData(xValues, pieDataSet); 
 return pieData; 
 } 
}

 效果图如下:

Android MPAndroidChart开源图表库之如何实现饼状图

主要是一些基本属性和API的调用,具体每个API都有什么样的效果和作用,只能靠自己去尝试。后面还会陆陆续续为大家介绍MPAndroidChart其他类型的图表。

以上是“Android MPAndroidChart开源图表库之如何实现饼状图”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


新闻标题:AndroidMPAndroidChart开源图表库之如何实现饼状图
链接分享:http://6mz.cn/article/peggio.html

其他资讯