1. 程式人生 > >【Android】achartengine的柱狀圖和餅狀圖的使用

【Android】achartengine的柱狀圖和餅狀圖的使用

原文地址:http://www.cnblogs.com/wangcan/p/3459551.html

本文介紹了android中如何使用achartengine繪製餅圖和柱狀圖,請分別嘗試餅圖和柱狀圖。

程式碼中的註釋解釋了圖示中的各種設定的使用方法。

一.achartengine庫的下載,下載地址:

下載完成後,把jar檔案貼上到libs資料夾

二.在android專案中如何使用

先定義一個GraphicalView

GraphicalView graphicalView;

然後,從chartfactory獲取

graphicalView=ChartFactory.getBarChartView(getBaseContext(), dataset, renderer, type);//柱狀圖
graphicalView=ChartFactory.getPieChartView(getBaseContext(), dataset, renderer);//餅狀圖

其中的dataset表示資料來源,renderer表示渲染引數,type表示型別

設定dataset的方法--餅圖

double[] values={412.0,542.0,486.0,900.1};
CategorySeries dataset=buildCategoryDataset("測試餅圖", values);
複製程式碼
1 protected CategorySeries buildCategoryDataset(String title, double[] values) {
2         CategorySeries series = new CategorySeries(title);
3 series.add("差", values[0]); 4 series.add("不達標", values[1]); 5 series.add("達標", values[2]); 6 series.add("優秀",values[3]); 7 return series; 8 }
複製程式碼

設定dataset的方法--柱狀圖----柱狀圖可以有多組資料

1 String[] titles={"test"};
2         List<double[]> values=new ArrayList<double
[]>(); 3 values.add(new double[]{5120.0,21251.0,25610.0}); 4 XYMultipleSeriesDataset dataset=buildBarDataset(titles, values);
複製程式碼
 1  protected XYMultipleSeriesDataset buildBarDataset(String[] titles, List<double[]> values) {
 2             XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
 3             int length = titles.length;
 4             for (int i = 0; i < length; i++) {
 5                 CategorySeries series = new CategorySeries(titles[i]);
 6                 double[] v = values.get(i);
 7                 int seriesLength = v.length;
 8                 for (int k = 0; k < seriesLength; k++) {
 9                     series.add(v[k]);
10                 }
11                 dataset.addSeries(series.toXYSeries());
12             }
13             return dataset;
14         }
複製程式碼

設定renderer的方法--餅圖

1 int[] colors={Color.BLUE,Color.GREEN,Color.MAGENTA,Color.RED};
2 DefaultRenderer renderer=buildCategoryRenderer(colors);
複製程式碼
 1 protected DefaultRenderer buildCategoryRenderer(int[] colors) {
 2         DefaultRenderer renderer = new DefaultRenderer();
 3        
 4         renderer.setLegendTextSize(20);//設定左下角表注的文字大小
 5       //renderer.setZoomButtonsVisible(true);//設定顯示放大縮小按鈕  
 6         renderer.setZoomEnabled(false);//設定不允許放大縮小.  
 7           renderer.setChartTitleTextSize(30);//設定圖表標題的文字大小
 8           renderer.setChartTitle("統計結果");//設定圖表的標題  預設是居中頂部顯示
 9           renderer.setLabelsTextSize(20);//餅圖上標記文字的字型大小
10           //renderer.setLabelsColor(Color.WHITE);//餅圖上標記文字的顏色
11           renderer.setPanEnabled(false);//設定是否可以平移
12           //renderer.setDisplayValues(true);//是否顯示值
13           renderer.setClickEnabled(true);//設定是否可以被點選
14         renderer.setMargins(new int[] { 20, 30, 15,0 });
15         //margins - an array containing the margin size values, in this order: top, left, bottom, right
16         for (int color : colors) {
17           SimpleSeriesRenderer r = new SimpleSeriesRenderer();
18           r.setColor(color);
19           renderer.addSeriesRenderer(r);
20         }
21         return renderer;
22       }
複製程式碼

設定renderer的方法----柱狀圖

複製程式碼
 1 int[] colors={Color.BLUE};
 2         XYMultipleSeriesRenderer renderer=buildBarRenderer(colors);
 3         Type type=Type.DEFAULT;
 4         
 5         //renderer.setZoomEnabled(false);//怎麼失效了----使用下面的方式
 6         renderer.setZoomEnabled(false, false);//成功控制--嘿嘿
 7         setChartSettings(renderer, "我是柱狀圖的標題", "", "統計結果", 0, 6, 0, 30000, Color.GRAY, Color.LTGRAY);
 8         renderer.getSeriesRendererAt(0).setDisplayChartValues(true);
 9         //renderer.getSeriesRendererAt(1).setDisplayChartValues(true);
10         renderer.setXLabels(0);//設定x軸上的下標數量
11         renderer.setYLabels(10); //設定y軸上的下標數量
12         renderer.setXLabelsAlign(Align.RIGHT);
13         renderer.setYLabelsAlign(Align.LEFT);//y軸 數字表示在座標還是右邊
14         renderer.setPanEnabled(false, false);//設定是否允許平移
15         renderer.addXTextLabel(2.0, "220kv電力線");//在指定座標處顯示文字
16         // renderer.clearXTextLabels();//清除 labels
17         //renderer.setZoomRate(1.1f);//設定放縮比
18         renderer.setBarSpacing(1f);// 設定柱狀的間距
19         //renderer.setLabelsTextSize(30);//設定座標軸上數字的大小
20         renderer.setXLabelsAngle(300.0f);//設定文字旋轉角度 對文字順時針旋轉
21         renderer.setXLabelsPadding(10);//設定文字和軸的距離
22         renderer.setFitLegend(true);// 調整合適的位置
複製程式碼 複製程式碼
 1   protected XYMultipleSeriesRenderer buildBarRenderer(int[] colors) {
 2             XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
 3             renderer.setAxisTitleTextSize(16);
 4             renderer.setChartTitleTextSize(20);
 5             renderer.setLabelsTextSize(15);
 6             renderer.setLegendTextSize(15);
 7             int length = colors.length;
 8             for (int i = 0; i < length; i++) {
 9                 SimpleSeriesRenderer r = new SimpleSeriesRenderer();
10                 r.setColor(colors[i]);
11                 renderer.addSeriesRenderer(r);
12             }
13             return renderer;
14         }
複製程式碼

最後將graphicalView放入指定的layout裡

1 layout=(LinearLayout)findViewById(R.id.linearlayout);
2 layout.removeAllViews();
3 layout.setBackgroundColor(Color.BLACK);
4 layout.addView(graphicalView, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));

效果截圖