[Android]Android 如何绘制图表

来源:互联网 发布:wps登录显示网络异常 编辑:程序博客网 时间:2024/05/18 03:10
 在日常的统计中,经常要用图表来给用户恰当的数据体验,比如用饼状图,柱型图等。在传统的web中,有比较多的开源的这方面的解决方案。本文将简单介绍如何在Android中,如何使用开源工具库来展示图表。

  在Android中,有三种解决方案,分别是:

  1) 使用google 图表 api
  2) 使用Achartengine库
  3) 使用chartdroid库

  下面分别进行介绍:

  使用google 图表api
  第一种方法是使用google的图表API。这个API特别适合去生成饼状图。
  其中cht=p3表示生成的是一个饼状图;chd=t:30,60,10表示要生成三个部分的数据,分别是30,60,10,当然也可以其他更复杂的数据形式。
  chs=250*100表示的是图型的大小(宽度*高度);chl=cars|bikes|trucks指出了这三部分数据内容的文字标签,即实际上显示在图表上的。
  使用方法很简单,只需要在oncreate事件中如下调用即可:

java代码:
  1. @Override
  2. public void onCreate(Bundle savedInstanceState) {
  3. super.onCreate(savedInstanceState);
  4. WebView googleChartView = new WebView(this);
  5. setContentView(googleChartView);
  6. String mUrl = "http://chart.apis.google.com/chart?cht=p3& chd=t:30,60,10&chs=250x100&chl=cars|bikes|trucks";
  7. googleChartView.loadUrl(mUrl);
  8. }

  因为要连接网络,所以要在配置文件中允许使用网络,在AndroidManifest.xml中如下配置:
  最后效果如下图:


 

       2) 使用Achartengine库


 

  第二种解决方案是使用Achartengine库,将其JAR下载后,放到工程的lib包库中,


 

java代码:

  1. public class AChartExample {
  2. public Intent execute(Context context) {

  3. int[] colors = new int[] { Color.RED, Color.YELLOW, Color.BLUE };
  4. DefaultRenderer renderer = buildCategoryRenderer(colors);
  5. CategorySeries categorySeries = new CategorySeries("Vehicles Chart");
  6. categorySeries.add("cars ", 30);
  7. categorySeries.add("trucks", 20);
  8. categorySeries.add("bikes ", 60);
  9. return ChartFactory.getPieChartIntent(context, categorySeries, renderer);
  10. }

  11. protected DefaultRenderer buildCategoryRenderer(int[] colors) {
  12. DefaultRenderer renderer = new DefaultRenderer();
  13. for (int color : colors) {
  14. SimpleSeriesRenderer r = new SimpleSeriesRenderer();
  15. r.setColor(color);
  16. renderer.addSeriesRenderer(r);
  17. }
  18. return renderer;
  19. }

  20. }

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

       在我们的主类中,进行如下调用:
  Intent achartIntent = new AChartExample().execute(this);
  startActivity(achartIntent);

  最后生成的效果如下图:


 

       3) 使用Chartdroid

  第三种方法是使用chartdroid,要注意的是,如果使用这种方法的话,下载并将其APK包进行安装。

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


 

java代码:

  1. public class ChartDroidDataProvider extends ContentProvider {

  2. static final String AUTHORITY = "com.xyz.contentprovider.chardroid";

  3. @Override
  4. public String getType(Uri uri) {
  5. return "vnd.android.cursor.dir/vnd.com.googlecode.chartdroid.graphable";
  6. }

  7. public static final Uri PROVIDER_URI = new Uri.Builder().scheme(

  8. ContentResolver.SCHEME_CONTENT).authority(AUTHORITY).build();

  9. @Override
  10. public Cursor query(Uri uri, String[] projection, String selection,
  11. String[] selectionArgs, String sortOrder) {

  12. //获得实际数据
  13. MatrixCursor c = new MatrixCursor(new String[] { BaseColumns._ID,
  14. "COLUMN_AXIS_INDEX", "COLUMN_SERIES_INDEX",
  15. "COLUMN_DATUM_VALUE", "COLUMN_DATUM_LABEL" });
  16. c.newRow().add(1).add(0).add(1).add(30).add(null);
  17. c.newRow().add(2).add(0).add(1).add(10).add(null);
  18. c.newRow().add(3).add(0).add(1).add(60).add(null);
  19. return c;
  20. }

  21. }


        在上面的代码中,我们使用了MatrixCursor生成了相关的数据:30,10,60。关于ChartDroid的详细 ContentProvider信息,接下来,我们看使用的代码,如下:

java代码:

  1. Intent chartDroidIntent = new Intent(Intent.ACTION_VIEW,ChartDroidDataProvider.PROVIDER_URI);
  2. chartDroidIntent.putExtra(Intent.EXTRA_TITLE, "Chart droid");
  3. chartDroidIntent.addCategory("com.googlecode.chartdroid.intent.category.PIE_CHART");
  4. startActivity(chartDroidIntent);