Android实现图表绘制和展示
16lz
2022-05-05
本文演示在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 public void 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); 最后生成的效果如下图: 第三种解决方案是使用chartdroid,要注意的是,如果使用这种方法的话,必须先下载并安装Chardroid这个APK,下载地址在:http://code.google.com/p/chartdroid/downloads/list,下载并将其APK包进行安装。 要使用Chartdroid,必须要使用content provider,代码如下: public class ChartDroidDataProvider extends ContentProvider { static final 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 下面是一些示例实现效果:
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); 最后生成的效果如下图: 第三种解决方案是使用chartdroid,要注意的是,如果使用这种方法的话,必须先下载并安装Chardroid这个APK,下载地址在:http://code.google.com/p/chartdroid/downloads/list,下载并将其APK包进行安装。 要使用Chartdroid,必须要使用content provider,代码如下: public class ChartDroidDataProvider extends ContentProvider { static final 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 下面是一些示例实现效果:
更多相关文章
- Android(安卓)studio 使用NDK 实现串口 动态库
- Android(安卓)Jni中使用线程及回调更新UI
- android绘图Paint.setXfermode()和Canvas.saveLayer()方法的作用
- Android(安卓)NDK
- Android之个性化ListView实现
- Android高手进阶教程(十七)之---Android中Intent传递对象的两种
- 箭头函数的基础使用
- NPM 和webpack 的基础使用
- Python list sort方法的具体使用