Android實現圖表繪製和展示

來源:互聯網
上載者:User

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

在一個系統中經常要用到圖表統計資料,在WEB開發中圖表繪製是一件簡單的事情,因為有比較多的開源方案。但在Android中開源方案並不多。

Android中繪製圖表解決方案: 

1) 使用google 圖表 api    

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

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

4) 使用 RChart 2庫實現。

 

第一種解決方案是使用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 

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

下面是一些樣本實現效果:

 

 

 樣本:/Files/hanyonglu/AndroidFile/MyAndroidChart.rar

 

 最後,希望轉載的朋友能夠尊重作者的勞動成果,加上轉載地址:http://www.cnblogs.com/hanyonglu/archive/2012/02/20/2360334.html 謝謝。

完畢。^_^ 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.