Follow @mycb750

いまさらですがafreechart公式サイトで現行作成できるグラフ・チャートでライブラリが存在しないことが分かりました。jfreechartはレーダーチャートのAPIがあるので当然あるだろうと高をくくってしまっておりました。

・公式サイト:http://afreechart.googlecode.com/svn/doc/screenshot/index.html

行き当たりばったりなやり方だったのでブログ的にも失敗しました。

次は別のライブラリを検討してレーダーチャートを作成することにします。

Follow @mycb750

＜＜ライブラリの配置＞＞

■ライブラリをダウンロード

以下サイトより最新のライブラリをダウンロード

http://code.google.com/p/afreechart/downloads/list

※現在はafreechart-0.0.4.jarが最新

■ダウンロードしたライブラリをプロジェクトへ取り込み

Eclipseの場合はlipフォルダへ配置して「外部ライブラリ追加」処理を行う

Follow @mycb750

仕事上Androidでレーダーチャートを使う場面になったので作ってみようかと思います。

Androidではグラフやチャートを表示するUI（コントロール）はデフォルトでは用意されておりません。

そのため独自に実装する必要がありますが、１から作ろうとすると結構手間です。

レーダーチャートはラジアン値から、sin（X座標またはY座標）、cos（X座標またはY座標）で座標を取得してチャートを起点となる位置から表示するなどのメソッドを用意する必要があります。特に難しくはありません。下記コードはライブラリを使わずに独自にカスタムビューで作成したものです。このコードはラジアン値より、９０度２１０度３３０度と３点のチャートにしています。点が増えるたびにそれぞれ作成する必要がありそうで手間です。後半の起点の微調整は即席なのでご了承。

protected void onDraw(Canvas canvas) {
 Paint paint = new Paint();
 paint.setAntiAlias(true);
 paint.setColor(Color.RED);
 double rd1 = Math.toRadians(90);
 double rd2 = Math.toRadians(210);
 double rd3 = Math.toRadians(330);

 float maxVal = 100;
 float df1X =(float)Math.cos(rd1) * maxVal;
 float df1Y =(float)Math.sin(rd1) * maxVal;

 float df2X =(float)Math.cos(rd2) * maxVal;
 float df2Y =(float)Math.sin(rd2) * maxVal;

 float df3X =(float)Math.cos(rd3) * maxVal;
 float df3Y =(float)Math.sin(rd3) * maxVal;

 Path path = new Path();
 path.moveTo((105+df1X),(-80+df1Y));
 path.lineTo((105+df2X),(220+df2Y));
 path.lineTo((105+df3X),(220+df3Y));
 canvas.drawPath(path, paint);
}

位置の調整が特にメンドクサイのでライブラリを使うことにします。

今回試すのはjavaでも有名なjfreechartという棒グラフ,折れ線グラフ,円グラフ,ガントチャートなどを簡単に作成できるライブラリのAndroid版ということで、afreechartというライブラリを使います。

すでにいいサンプルがあるかとググルとレーダーチャートを実践しているサンプルがみつからないので、ライブラリを駆使して作成することにします。

今回はここまで。