LWUIT + ChartComponent 之二实现线形图(LineChart)

本文来自http://blog.csdn.net/hellogv/



本文源代码下载地址：http://download.csdn.net/source/872671
本文就不再说多余的开场白了，想看开场白？看这里：http://blog.csdn.net/hellogv/archive/2008/12/15/3521119.aspx
直接贴出实现线形图的代码：
/*
* LWUIT + ChartComponent，实现多种图表
* 作者：张国威(咪当俺系噜噜)
* 本例实现的是“线形图”
*/
package com.sun.lwuit.uidemo;

import com.sun.lwuit.Button;
import com.sun.lwuit.Command;
import com.sun.lwuit.Font;
import com.sun.lwuit.Form;
import com.sun.lwuit.Image;
import com.sun.lwuit.Label;
import com.sun.lwuit.events.ActionEvent;
import com.sun.lwuit.events.ActionListener;
import com.sun.lwuit.layouts.FlowLayout;
import org.beanizer.j2me.charts.ChartItem;
import org.beanizer.j2me.charts.LineChart;

public class LineChartDemo implements ActionListener {
public Form form = new Form("LineChartDemo");
private Command backCommand = new Command("Back", 1);
final LineChart lineChart = new LineChart("");
LineChartDemo()
{
//线形图说明
String chart_str[]={"█ A:你好吗","█ B:早上好","█ C:中午好","█ D:晚上好","█ E:吃宵夜","█ F:睡懒觉"};
//线条颜色
int [][]color={{0,0,200},{0,200,0},{200,0,0},{200,0,200},{0,200,200},{200,100,200}};
//线条高度
int []percent={15,10,5,20,34,16};


initChartInfo(chart_str,color);

lineChart.setFill(true);//填充区域
int width=form.getWidth();
int height=form.getHeight()-140;
Image img_hbarChart=drawLineChart(lineChart,width,height,"",color,percent);//绘制线性图

Button button = new Button(img_hbarChart);
//button.getStyle().setBgTransparency(1);//透明背景，会非常消耗资源，速度减慢，注意使用
button.setBorderPainted(false);
form.addComponent(button);
form.addCommand(backCommand);
form.setCommandListener(this);
form.setLayout(new FlowLayout());//必须使用这种排列，FlowLayout最适合
}
private void initChartInfo(String []chart_str,int [][]color)
{
for(int i=0;i<chart_str.length;i++)//循环
{
Label chart_info = new Label(chart_str[i]);
chart_info.getStyle().setFgColor(UIDemoMIDlet.RGBtoInt(color[i][0],color[i][1],color[i][2]));
form.addComponent(chart_info);
}
}
private Image drawLineChart(ChartItem item,
int width,
int height,
String imagefile,
int [][]color,//线条颜色
int []percent)//线条高度(百分比)
{

item.setFont(Font.FACE_PROPORTIONAL,Font.STYLE_PLAIN,Font.SIZE_SMALL);
item.setDrawAxis(true);
item.setPreferredSize(width,height);//设置chart控件的大小
item.setMargins(5,3,10,15);
if(imagefile.length()>0)//需要使用背景时
{
try{
javax.microedition.lcdui.Image img=javax.microedition.lcdui.Image.createImage(imagefile);//读取背景图
item.setBackgroundImage(img);//设置背景图
} catch(Exception ex){ex.printStackTrace();}
}
item.showShadow(true);//使用阴影特效
item.setShadowColor(20,20,20);//设置阴影颜色
item.setColor(40, 40, 200);
item.resetData();
for(int i=0;i<color.length;i++)//循环线条
{
item.addElement(String.valueOf((char)('a'+i)),percent[i],color[i][0],color[i][1],color[i][2]);
}

item.setMaxValue(100);//柱体代表数值的显示范围,100%

//这个是lcdui的Image
javax.microedition.lcdui.Image lcdui_img=
javax.microedition.lcdui.Image.createImage(width,height);//线形图大小,图像>控件
//这个是lcdui的Graphics
javax.microedition.lcdui.Graphics lcdui_g= lcdui_img.getGraphics();
lineChart.drawChart(lcdui_g,width-40,height-20);//这里设置的大小必须比width，height小，才能完全显示

return UIDemoMIDlet.lcdui2lwuit(lcdui_img);

}
public void actionPerformed(ActionEvent arg0) {
if(arg0.getCommand()==backCommand)
{
UIDemoMIDlet.backToMainMenu();
}

}
}