Android之使用AchartEngineActivity引擎繪製柱狀圖、曲線圖

1.簡介

　　AChartEngine（簡稱ACE）是Google的一個開源圖表庫（for Android）。它功能強大，支援散佈圖、折線圖、餅圖、泡泡圖、柱狀圖、短棒圖、儀錶圖等多種圖表。該項目地址位於： http://code.google.com/p/achartengine/。關於裡面類的具體使用，請下載響應的文檔說明（首頁上有）。

2.開發步驟

1）在工程中建立一個檔案夾比如lib，用於存放ACE Libraries，把achartegine-0.5.0.jar包複製到lib裡面。然後把這個jar的路徑添加到項目的Build Path中。

2）修改AndroidManifest.xml

　　主要是加入一個<activity>：

　　< activity android:name = "org.achartengine.GraphicalActivity" />

3）繪製柱狀圖

public class main extends ListActivity {　　private static final int SERIES_NR = 2;    /** Called when the activity is first created. */　　private ArrayList<Map<String,String>> maps = new ArrayList<Map<String,String>>();    @Override    public void onCreate(Bundle savedInstanceState) {        super .onCreate(savedInstanceState);//        setContentView(R.layout.main);        // 加入 ListItem “ 調度查詢 ”        HashMap<String,String> map= new HashMap<String,String>();        map.put( "name" , " 柱狀圖 " );        map.put( "desc" , " 顯示柱狀圖 " );        maps .add(map);        // 構建 listView 的適配器        SimpleAdapter adapter= new SimpleAdapter( this , maps ,        android.R.layout. simple_list_item_2 , // SDK 庫中提供的一個包含兩個 TextView 的 layout        new String[]{ "name" , "desc" }, // maps 中的兩個 key        new int []{android.R.id. text1 ,android.R.id. text2 } // 兩個 TextView 的 id              );        this .setListAdapter(adapter);           }    // ListItem 監聽器方法    protected void onListItemClick(ListView l, View v, int position, long id) {        super .onListItemClick(l, v, position, id);        XYMultipleSeriesRenderer renderer = getBarDemoRenderer();        Intent intent = ChartFactory.getBarChartIntent ( this , getBarDemoDataset(), renderer, Type. DEFAULT );        startActivity(intent);    }    private XYMultipleSeriesDataset getBarDemoDataset() {        XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();        final int nr = 10;        Random r = new Random();        for ( int i = 0; i < SERIES_NR ; i++) {          CategorySeries series = new CategorySeries( "Demo series " + (i + 1));          for ( int k = 0; k < nr; k++) {            series.add(100 + r.nextInt() % 100);          }          dataset.addSeries(series.toXYSeries());        }        return dataset;      }    public XYMultipleSeriesRenderer getBarDemoRenderer() {        XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();        SimpleSeriesRenderer r = new SimpleSeriesRenderer();        r.setColor(Color. BLUE );        renderer.addSeriesRenderer(r);        r = new SimpleSeriesRenderer();        r.setColor(Color. GREEN );        renderer.addSeriesRenderer(r);        setChartSettings(renderer);        return renderer;      }        private void setChartSettings(XYMultipleSeriesRenderer renderer) {        renderer.setChartTitle( "Chart demo" );        renderer.setXTitle( "x values" );        renderer.setYTitle( "y values" );        renderer.setXAxisMin(0.5);        renderer.setXAxisMax(10.5);        renderer.setYAxisMin(0);        renderer.setYAxisMax(210);      }}

 

　　代碼解析：在 onListItemClick 方法中，當使用者點擊了“顯示圖表”之後，構造一個intent對象，然後用startActivity發送訊息到前面AndroidManifest.xml申明的那個activity（ 即 GraphicalActivity ）。於是圖表就顯示出來了。關鍵是intent的構造方法 ChartFactory.getBarChartIntent。

　　ChartFactory提供了許多有用的Factory 方法，如果你需要產生一個折線圖，可以用它的 getLineChartIntent 方法。

　　getBarChartIntent 方法有點複雜，需要我們準備很多參數傳入。其中一個是 XYMultipleSeriesDataset 類型的對象，用於提供圖表需要表示的資料集，這裡我們用 　   getBarDemoDataset 來得到它。另外一個是 XYMultipleSeriesRenderer 類型的對象，用於提供圖表展現時的一些樣式，這裡我們用 getBarDemoRenderer 方法來得到它。

　　getLineChartIntent 方法很無聊，使用了一些隨機數來作為圖表資料。注意柱狀圖是支援多系列的，這裡產生了兩個系列的資料。

　　getBarDemoRenderer 方法構建了一個 XYMultipleSeriesRenderer 用來設定2個系列各自的顏色，然後調用 setChartSettings 方法設定了下座標軸樣式。

4）繪製曲線

import java.util.ArrayList; import java.util.List;import org.achartengine.ChartFactory; import org.achartengine.chart.PointStyle; import org.achartengine.model.XYMultipleSeriesDataset; import org.achartengine.model.XYSeries; import org.achartengine.renderer.XYMultipleSeriesRenderer; import org.achartengine.renderer.XYSeriesRenderer;import android.app.Activity; import android.graphics.Color; import android.os.Bundle; import android.view.View;public class chartDemo extends Activity {          @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);        String[] titles = new String[] { "First", "Second"};        List x = new ArrayList();         List y = new ArrayList();        x.add(new double[] { 1, 3, 5, 7, 9, 11} );         x.add(new double[] { 0, 2, 4, 6, 8, 10} );        y.add(new double[] { 3, 14, 5, 30, 20, 25});         y.add(new double[] { 18, 9, 21, 15, 10, 6});        XYMultipleSeriesDataset dataset = buildDataset(titles, x, y);        int[] colors = new int[] { Color.BLUE, Color.GREEN};         PointStyle[] styles = new PointStyle[] { PointStyle.CIRCLE, PointStyle.DIAMOND};         XYMultipleSeriesRenderer renderer = buildRenderer(colors, styles, true);        setChartSettings(renderer, "Line Chart Demo", "X", "Y", -1, 12, 0, 35 , Color.WHITE, Color.WHITE);        View chart = ChartFactory.getLineChartView(this, dataset, renderer);        setContentView(chart);     }    protected XYMultipleSeriesDataset buildDataset(String[] titles,                                                    List xValues,                                                    List yValues)     {         XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();        int length = titles.length;                  //有幾條線          for (int i = 0; i < length; i++)         {             XYSeries series = new XYSeries(titles[i]);    //根據每條線的名稱建立               double[] xV = xValues.get(i);                 //擷取第i條線的資料               double[] yV = yValues.get(i);             int seriesLength = xV.length;                 //有幾個點              for (int k = 0; k < seriesLength; k++)        //每條線裡有幾個點               {                 series.add(xV[k], yV[k]);             }            dataset.addSeries(series);         }        return dataset;     }    protected XYMultipleSeriesRenderer buildRenderer(int[] colors, PointStyle[] styles, boolean fill)     {         XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();         int length = colors.length;         for (int i = 0; i < length; i++)         {             XYSeriesRenderer r = new XYSeriesRenderer();             r.setColor(colors[i]);             r.setPointStyle(styles[i]);             r.setFillPoints(fill);             renderer.addSeriesRenderer(r);         }         return renderer;     }    protected void setChartSettings(XYMultipleSeriesRenderer renderer, String title,                                 String xTitle,String yTitle, double xMin,                                 double xMax, double yMin, double yMax,                                 int axesColor,int labelsColor)     {         renderer.setChartTitle(title);         renderer.setXTitle(xTitle);         renderer.setYTitle(yTitle);         renderer.setXAxisMin(xMin);         renderer.setXAxisMax(xMax);         renderer.setYAxisMin(yMin);         renderer.setYAxisMax(yMax);         renderer.setAxesColor(axesColor);         renderer.setLabelsColor(labelsColor);     } }