当前位置：首页 > news >正文

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

news 来源：原创 2024/5/10 9:56:25

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

本文源代码下载地址：http://download.csdn.net/source/872671
本文就不再说多余的开场白了，想看开场白？看这里：http://blog.csdn.net/hellogv/archive/2008/12/15/3521119.aspx
直接贴出实现线形图的代码：

 /*
*LWUIT+ChartComponent，实现多种图表
*作者：张国威(咪当俺系噜噜)
*本例实现的是“线形图”
 */ 
 packagecom.sun.lwuit.uidemo; 
 importcom.sun.lwuit.Button; 
 importcom.sun.lwuit.Command; 
 importcom.sun.lwuit.Font; 
 importcom.sun.lwuit.Form; 
 importcom.sun.lwuit.Image; 
 importcom.sun.lwuit.Label; 
 importcom.sun.lwuit.events.ActionEvent; 
 importcom.sun.lwuit.events.ActionListener; 
 importcom.sun.lwuit.layouts.FlowLayout; 
 importorg.beanizer.j2me.charts.ChartItem; 
 importorg.beanizer.j2me.charts.LineChart; 
 publicclassLineChartDemoimplementsActionListener{ 
 publicFormform=newForm("LineChartDemo"); 
 privateCommandbackCommand=newCommand("Back",1); 
 finalLineChartlineChart=newLineChart(""); 
LineChartDemo()
{
 //线形图说明 
 Stringchart_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);//填充区域 
 intwidth=form.getWidth(); 
 intheight=form.getHeight()-140; 
 Imageimg_hbarChart=drawLineChart(lineChart,width,height,"",color,percent);//绘制线性图 
 Buttonbutton=newButton(img_hbarChart); 
 //button.getStyle().setBgTransparency(1);//透明背景，会非常消耗资源，速度减慢，注意使用 
 button.setBorderPainted(false); 
form.addComponent(button);
form.addCommand(backCommand);
 form.setCommandListener(this); 
 form.setLayout(newFlowLayout());//必须使用这种排列，FlowLayout最适合 
}
 privatevoidinitChartInfo(String[]chart_str,int[][]color) 
{
 for(inti=0;i<chart_str.length;i++)//循环 
{
 Labelchart_info=newLabel(chart_str[i]); 
 chart_info.getStyle().setFgColor(UIDemoMIDlet.RGBtoInt(color[i][0],color[i][1],color[i][2])); 
form.addComponent(chart_info);
}
}
 privateImagedrawLineChart(ChartItemitem, 
 intwidth, 
 intheight, 
Stringimagefile,
 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.Imageimg=javax.microedition.lcdui.Image.createImage(imagefile);//读取背景图 
 item.setBackgroundImage(img);//设置背景图 
 }catch(Exceptionex){ex.printStackTrace();} 
}
 item.showShadow(true);//使用阴影特效 
 item.setShadowColor(20,20,20);//设置阴影颜色 
 item.setColor(40,40,200); 
item.resetData();
 for(inti=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.Imagelcdui_img=
 javax.microedition.lcdui.Image.createImage(width,height);//线形图大小,图像>控件 
 //这个是lcdui的Graphics 
javax.microedition.lcdui.Graphicslcdui_g=lcdui_img.getGraphics();
 lineChart.drawChart(lcdui_g,width-40,height-20);//这里设置的大小必须比width，height小，才能完全显示 
 returnUIDemoMIDlet.lcdui2lwuit(lcdui_img); 
}
 publicvoidactionPerformed(ActionEventarg0){ 
 if(arg0.getCommand()==backCommand) 
{
UIDemoMIDlet.backToMainMenu();
}
}
}