Android开发中如何使用绘制图表
GuangkuoDing 2011-06-13
本文原文发表在http://tech.it168.com/a2011/0603/1200/000001200313.shtml
乃本人作品,不得转载
在日常的统计中，经常要用图表来给用户恰当的数据体验，比如用饼状图，柱型图等。在传统的web中，有比较多的开源的这方面的解决方案。本文将简单介绍如何在Android中，如何使用开源工具库来展示图表。
在Android中，有三种解决方案，分别是：
1)使用google图表api
2)使用Achartengine库(http://www.achartengine.org/)
3)使用chartdroid库(http://code.google.com/p/chartdroid/)
下面分别进行介绍：
使用google图表api
第一种方法是使用google的图表API。可以到如下这个地址去申请使用google图表API
(http://code.google.com/apis/chart/)。这个API特别适合去生成饼状图。调用的格式如下即可：
http://chart.apis.google.com/chart?cht=p3&chd=t:30,60,10&chs=250x100&chl=cars|bikes|trucks
其中cht=p3表示生成的是一个饼状图;chd=t:30,60,10表示要生成三个部分的数据，分别是30，60，10，当然也可以其他更复杂的数据形式。
chs=250*100表示的是图型的大小(宽度*高度);chl=cars|bikes|trucks指出了这三部分数据内容的文字标签，即实际上显示在图表上的。
使用方法很简单，只需要在oncreate事件中如下调用即可：
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
WebViewgoogleChartView=newWebView(this);
setContentView(googleChartView);
StringmUrl="http://chart.apis.google.com/chart?cht=p3&chd=t:30,60,10&chs=250x100&chl=cars|bikes|trucks";
googleChartView.loadUrl(mUrl);
}
因为要连接网络，所以要在配置文件中允许使用网络，在AndroidManifest.xml中如下配置：
<uses-permissionandroid:name="android.permission.INTERNET"/>
关于google图表API更多的资料请参考http://code.google.com/intl/zh-CN/apis/chart/image/docs/making_charts.html
，但这种方案有个缺点，就是必须要联上网络，才能访问其API，生成图形。
2)使用Achartengine库
第二种解决方案是使用Achartengine库，下载地址在：
http://code.google.com/p/achartengine/downloads/list
，将其JAR下载后，放到工程的lib包库中，结构如下图：
代码如下：
publicclassAChartExample{
publicIntentexecute(Contextcontext){
int[]colors=newint[]{Color.RED,Color.YELLOW,Color.BLUE};
DefaultRendererrenderer=buildCategoryRenderer(colors);
CategorySeriescategorySeries=newCategorySeries("VehiclesChart");
categorySeries.add("cars",30);
categorySeries.add("trucks",20);
categorySeries.add("bikes",60);
returnChartFactory.getPieChartIntent(context,categorySeries,renderer);
}
protectedDefaultRendererbuildCategoryRenderer(int[]colors){
DefaultRendererrenderer=newDefaultRenderer();
for(intcolor:colors){
SimpleSeriesRendererr=newSimpleSeriesRenderer();
r.setColor(color);
renderer.addSeriesRenderer(r);
}
returnrenderer;
}
}
在上面的代码中，首先将初始化了colors数组，这里指定了饼图的三种颜色，然后在buildCategoryRenderer方法中，使用SimpleSeriesRenderer类实例来进行初始化，分别设置了饼图要显示的系列区域的颜色。而我们将要显示的数据及标签内容都放到categorySeries中进行显示。最后调用ChartFactory的getPieChartIntent方法，传入categorySeries和renderer即可。
在我们的主类中，进行如下调用：
IntentachartIntent=newAChartExample().execute(this);
startActivity(achartIntent);
最后生成的效果如下图：
3)使用Chartdroid
第三种方法是使用chartdroid,要注意的是，如果使用这种方法的话，必须先下载并安装Chardroid这个APK，下载地址在：http://code.google.com/p/chartdroid/downloads/list，下载并将其APK包进行安装。
要使用Chartdroid,必须要使用contentprovider，我们编写代码如下：
publicclassChartDroidDataProviderextendsContentProvider{
staticfinalStringAUTHORITY="com.xyz.contentprovider.chardroid";
@Override
publicStringgetType(Uriuri){
return"vnd.android.cursor.dir/vnd.com.googlecode.chartdroid.graphable";
}
publicstaticfinalUriPROVIDER_URI=newUri.Builder().scheme(
ContentResolver.SCHEME_CONTENT).authority(AUTHORITY).build();
@Override
publicCursorquery(Uriuri,String[]projection,Stringselection,
String[]selectionArgs,StringsortOrder){
//获得实际数据
MatrixCursorc=newMatrixCursor(newString[]{BaseColumns._ID,
"COLUMN_AXIS_INDEX","COLUMN_SERIES_INDEX",
"COLUMN_DATUM_VALUE","COLUMN_DATUM_LABEL"});
c.newRow().add(1).add(0).add(1).add(30).add(null);
c.newRow().add(2).add(0).add(1).add(10).add(null);
c.newRow().add(3).add(0).add(1).add(60).add(null);
returnc;
}
}
在上面的代码中，我们使用了MatrixCursor生成了相关的数据：30，10，60。关于ChartDroid的详细ContentProvider信息，请参考http://code.google.com/p/chartdroid/wiki/InterfaceSpecification。接下来，我们看使用的代码，如下：
IntentchartDroidIntent=newIntent(Intent.ACTION_VIEW,
ChartDroidDataProvider.PROVIDER_URI);
chartDroidIntent.putExtra(Intent.EXTRA_TITLE,"Chartdroid");
chartDroidIntent
.addCategory("com.googlecode.chartdroid.intent.category.PIE_CHART");
startActivity(chartDroidIntent);
注意，这里要使用charDroidIntent的addCategory方法去指定图表的类型，即
com.googlecode.chartdroid.intent.category.PIE_CHART。下图是运行效果：
