利用AChartEngine引擎繪制Android柱狀圖、曲線圖

jopen 10年前發布 | 47K 次閱讀 Android開發 移動開發 AchartEngineActivity

1.簡介

  AChartEngine(簡稱ACE)是Google的一個開源圖表庫(for Android)。它功能強大,支持散點圖、折線圖、餅圖、氣泡圖、柱狀圖、短棒圖、儀表圖等多種圖表。該項目地址位于: http://code.google.com/p/achartengine/。關于里面類的具體使用,請下載響應的文檔說明(主頁上有)。利用AChartEngine引擎繪制Android柱狀圖、曲線圖

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);  
      }  
}  </pre><br />

  代碼解析:在 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);   
    }   
}  
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!