Androidで複数のグラフを表示する（AChartEngine）

■Androidで複数のグラフを表示する（AChartEngine）

ひとつの画面に複数のグラフを表示する方法です。 完成イメージは↓な感じです。

■使用するクラス
・GraphSample02（基本となるActivity。なんでもいい）
・AbstractDemoChart
・AverageTemperratureChart(折れ線グラフのサンプル)
・BudgetPieChart（円グラフのサンプル)
・IDemoChart

今回は折れ線グラフと円グラフの表示なので、上記サンプルクラスを使います。
別のグラフを表示したい場合はこのクラスを適当に変えてください。


■jarファイルの追加
・libフォルダに「achartengine-0.7.0.jar」を追加＆ビルドパスの構成。


■main.xmlにグラフ用LinearLayoutを追加
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <LinearLayout android:id="@+id/chart_area" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1"/> <LinearLayout android:id="@+id/chart_area2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" /> </LinearLayout>
chart_areaが折れ線用、chart_area2が円グラフ用です。
ここでのポイントはlayout_weightを使うところでしょうか。
これがないと、1画面内に上手に表示してくれません。


■サンプルグラフのexecuteのreturnをGraphicalViewへと変更する
AverageTemperatureChartの場合↓
public GraphicalView execute(Context context) { //～途中略～ //通常は下記のintentを返している // Intent intent = ChartFactory.getLineChartIntent(context, buildDataset(titles, x, values), // renderer, "Average temperature"); //GraphicalView へ変更 GraphicalView line_chart = ChartFactory.getLineChartView(context, buildDataset(titles, x, values), renderer); return line_chart;

BudgetPieChartの場合↓
public GraphicalView execute(Context context) { //～途中略～ //通常は下記のような返し方をしている。 // return ChartFactory.getPieChartIntent(context, buildCategoryDataset("Project budget", values), // renderer, "Budget"); //こんな感じに変更 GraphicalView piechart = ChartFactory.getPieChartView(context, buildCategoryDataset("Project budget", values), renderer); return piechart;

■IDemoChartのexecuteもGraphicalViewへ変更 //Intent execute(Context context); GraphicalView execute(Context context);

■mainのActivityからレイアウト追加 public class GraphSample02Activity extends Activity { static AverageTemperatureChart atc; static BudgetPieChart bpc; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //折れ線グラフ用 LinearLayout chart_area = (LinearLayout) findViewById(R.id.chart_area); atc = new AverageTemperatureChart(); chart_area.addView(atc.execute(this)); //円グラフ用 LinearLayout chart_area2 = (LinearLayout) findViewById(R.id.chart_area2); bpc = new BudgetPieChart(); chart_area2.addView(bpc.execute(this)); }
ここは参考サイト丸パクリ気味で申し訳ないんですが、こんな感じです。
表示したいグラフを各々入れていけばいいだけですね。


以上でできたと思うのですが、どうでしょうか？
サンプルでは2個ですが、それ以上のグラフ表示にチャレンジする勇者を募集中です。

あまり数が多くても見づらいかもしれないですけどね
ここ間違ってるぞこらっ！という心優しい突っ込みがあったら教えてください。