android开发比例图表,Android开发中如何使用绘制图表

末蓝、 2023-10-04 15:13 32阅读 0赞

【IT168技术】在日常的统计中，经常要用图表来给用户恰当的数据体验，比如用饼状图，柱型图等。在传统的web中，有比较多的开源的这方面的解决方案。本文将简单介绍如何在Android中，如何使用开源工具库来展示图表。

在Android中，有三种解决方案，分别是：

1) 使用google 图表 api

下面分别进行介绍：

使用google 图表api

第一种方法是使用google的图表API。可以到如下这个地址去申请使用google 图表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事件中如下调用即可：

@Overridepublicvoid onCreate(Bundle savedInstanceState) \{

super.onCreate(savedInstanceState);

WebView googleChartView=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中如下配置：

最后效果如下图：

![66507c51e3089a4e5f72cf6e4872e15d.png][]

▲

，但这种方案有个缺点，就是必须要联上网络，才能访问其API，生成图形。

2) 使用Achartengine库

第二种解决方案是使用Achartengine库，下载地址在：

，将其JAR下载后，放到工程的lib包库中，结构如下图：

![14b9326628cd60fd9252ba361ee20361.png][]

▲

代码如下：

publicclass AChartExample \{publicIntentexecute(Context context) \{int\[\] colors=newint\[\] \{ Color.RED, Color.YELLOW, Color.BLUE \};

DefaultRenderer renderer=buildCategoryRenderer(colors);

CategorySeries categorySeries=newCategorySeries("Vehicles Chart");

categorySeries.add("cars",30);

categorySeries.add("trucks",20);

categorySeries.add("bikes",60);

return ChartFactory.getPieChartIntent(context, categorySeries, renderer);

protected DefaultRenderer buildCategoryRenderer(int\[\] colors) \{

DefaultRenderer renderer=newDefaultRenderer();for(intcolor : colors) \{

SimpleSeriesRenderer r=newSimpleSeriesRenderer();

r.setColor(color);

renderer.addSeriesRenderer(r);

return renderer;

在上面的代码中，首先将初始化了colors数组，这里指定了饼图的三种颜色，然后在buildCategoryRenderer方法中，使用SimpleSeriesRenderer类实例来进行初始化，分别设置了饼图要显示的系列区域的颜色。而我们将要显示的数据及标签内容都放到categorySeries中进行显示。最后调用ChartFactory的getPieChartIntent方法，传入categorySeries和renderer即可。

在我们的主类中，进行如下调用：

Intent achartIntent = new AChartExample().execute(this);

startActivity(achartIntent);

最后生成的效果如下图：

![ffa3e17fcfdb8052ec5ae39a1bd06653.png][]

▲

3) 使用Chartdroid

第三种方法是使用chartdroid,要注意的是，如果使用这种方法的话，必须先下载并安装Chardroid这个APK，下载地址在：http://code.google.com/p/chartdroid/downloads/list，下载并将其APK包进行安装。

要使用Chartdroid,必须要使用content provider，我们编写代码如下：

publicclass ChartDroidDataProvider extends ContentProvider \{

static finalStringAUTHORITY="com.xyz.contentprovider.chardroid";

@OverridepublicStringgetType(Uri uri) \{

return"vnd.android.cursor.dir/vnd.com.googlecode.chartdroid.graphable";

\}publicstatic final Uri PROVIDER\_URI=newUri.Builder().scheme(

ContentResolver.SCHEME\_CONTENT).authority(AUTHORITY).build();

@OverridepublicCursor query(Uri uri,String\[\] projection,Stringselection,String\[\] selectionArgs,StringsortOrder) \{//获得实际数据

MatrixCursor c=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);

return c;

在上面的代码中，我们使用了MatrixCursor生成了相关的数据：30，10，60。关于ChartDroid的详细ContentProvider信息，请参考http://code.google.com/p/chartdroid/wiki/InterfaceSpecification。接下来，我们看使用的代码，如下：

Intent chartDroidIntent=newIntent(Intent.ACTION\_VIEW,

ChartDroidDataProvider.PROVIDER\_URI);

chartDroidIntent.putExtra(Intent.EXTRA\_TITLE,"Chart droid");

chartDroidIntent

.addCategory("com.googlecode.chartdroid.intent.category.PIE\_CHART");

startActivity(chartDroidIntent);

注意，这里要使用charDroidIntent的addCategory方法去指定图表的类型，即

com.googlecode.chartdroid.intent.category.PIE\_CHART。下图是运行效果：

![115215ababd26404d7d916e5e6558dd8.png][]

▲

总结：

本文讲解了目前三种在Android上生成统计图的解决方案，三种方案各有优劣，请根据实际情况使用。

[66507c51e3089a4e5f72cf6e4872e15d.png]: https://img-blog.csdnimg.cn/img_convert/66507c51e3089a4e5f72cf6e4872e15d.png
[14b9326628cd60fd9252ba361ee20361.png]: https://img-blog.csdnimg.cn/img_convert/14b9326628cd60fd9252ba361ee20361.png
[ffa3e17fcfdb8052ec5ae39a1bd06653.png]: https://img-blog.csdnimg.cn/img_convert/ffa3e17fcfdb8052ec5ae39a1bd06653.png
[115215ababd26404d7d916e5e6558dd8.png]: https://img-blog.csdnimg.cn/img_convert/115215ababd26404d7d916e5e6558dd8.png