Android實現圖表繪製和展現

本文演示在Android平臺中繪製和展現圖表示例,本示例是基於RChart 2實現的。php

在一個系統中常常要用到圖表統計數據,在WEB開發中圖表繪製是一件簡單的事情,由於有比較多的開源方案。但在Android中開源方案並很少。html

Android中繪製圖表解決方案: java

1) 使用google 圖表 api    android

2) 使用Achartengine庫(http://www.achartengine.org/)   api

3) 使用chartdroid庫(http://code.google.com/p/chartdroid/)網絡

4) 使用 RChart 2庫實現。less

第一種解決方案是使用google的圖表API。ide

能夠到以下這個地址去申請使用google 圖表API(http://code.google.com/apis/chart/)。ui

這個API特別適合去生成餅狀圖。調用的格式以下便可:this

  
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

publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
WebView googleChartView = new WebView(this);
setContentView(googleChartView);
String mUrl = "http://chart.apis.google.com/chart?cht=p3& chd=t:30,60,10&chs=250x100&chl=cars|bikes|trucks";
googleChartView.loadUrl(mUrl);
}

因爲須要鏈接網絡,須要在配置文件中加入訪問網絡權限:

<uses-permission android:name="android.permission.INTERNET" />

關於google 圖表API更多的資料請參考http://code.google.com/intl/zh-CN/apis/chart/image/docs/making_charts.html

缺點:必須連網才能訪問API,生成圖形。

示例效果以下圖:

第二種解決方案是使用Achartengine庫。

下載地址在:http://code.google.com/p/achartengine/downloads/list ,將其JAR下載後,放到工程的lib包庫中,結構以下圖:

代碼以下顯示:

public class AChartExample {

public Intent execute(Context context) {
int[] colors = new int[] { Color.RED, Color.YELLOW, Color.BLUE };
DefaultRenderer renderer = buildCategoryRenderer(colors);
CategorySeries categorySeries = new CategorySeries("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 = new DefaultRenderer();
for (int color : colors) {
SimpleSeriesRenderer r = new SimpleSeriesRenderer();
r.setColor(color);
renderer.addSeriesRenderer(r);
}
return renderer;
}
}

在咱們的主類中,進行以下調用:   

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

startActivity(achartIntent);   

最後生成的效果以下圖:

示例代碼下載:/Files/hanyonglu/AndroidFile/achartengine-0.7.0-demo-source.rar

第三種解決方案是使用chartdroid,要注意的是。

若是使用這種方法的話,必須先下載並安裝Chardroid這個APK,下載地址在:http://code.google.com/p/chartdroid/downloads/list,下載並將其APK包進行安裝。


要使用Chartdroid,必需要使用content provider,代碼以下:

public class ChartDroidDataProvider extends ContentProvider {

staticfinal String AUTHORITY = "com.xyz.contentprovider.chardroid";
@Override
public String getType(Uri uri) {
return "vnd.android.cursor.dir/vnd.com.googlecode.chartdroid.graphable";
}
public static final Uri PROVIDER_URI = new Uri.Builder().scheme(
ContentResolver.SCHEME_CONTENT).authority(AUTHORITY).build();
@Override
public Cursor query(Uri uri, String[] projection, String selection,
String[] selectionArgs, String sortOrder) {

//得到實際數據
MatrixCursor c = new MatrixCursor(new String[] { 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 = new Intent(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。下圖是運行效果:

第四種解決方案是使用RChart 2 庫,關於RChart 2信息訪問:http://www.java4less.com/charts/chart.php

下面是一些示例實現效果:

相關文章
相關標籤/搜索