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提供了許多有用的工廠方法，如果你需要生成一個折線圖，可以用它的 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); 
    } 
}

 

--------------------------------------------------------------------

PS： 歡迎關注公眾號"Devin說"，會不定期更新Java相關技術知識。

--------------------------------------------------------------------