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
直接贴出实现线形图的代码：

1. /*
2. *LWUIT+ChartComponent，实现多种图表
3. *作者：张国威(咪当俺系噜噜)
4. *本例实现的是“线形图”
5. */
6. packagecom.sun.lwuit.uidemo;
8. importcom.sun.lwuit.Button;
9. importcom.sun.lwuit.Command;
10. importcom.sun.lwuit.Font;
11. importcom.sun.lwuit.Form;
12. importcom.sun.lwuit.Image;
13. importcom.sun.lwuit.Label;
14. importcom.sun.lwuit.events.ActionEvent;
15. importcom.sun.lwuit.events.ActionListener;
16. importcom.sun.lwuit.layouts.FlowLayout;
17. importorg.beanizer.j2me.charts.ChartItem;
18. importorg.beanizer.j2me.charts.LineChart;
21. publicclassLineChartDemoimplementsActionListener{
22. publicFormform=newForm("LineChartDemo");
23. privateCommandbackCommand=newCommand("Back",1);
24. finalLineChartlineChart=newLineChart("");
25. LineChartDemo()
26. {
27. //线形图说明
28. Stringchart_str[]={"█A:你好吗","█B:早上好","█C:中午好","█D:晚上好","█E:吃宵夜","█F:睡懒觉"};
29. //线条颜色
30. int[][]color={{0,0,200},{0,200,0},{200,0,0},{200,0,200},{0,200,200},{200,100,200}};
31. //线条高度
32. int[]percent={15,10,5,20,34,16};
35. initChartInfo(chart_str,color);
37. lineChart.setFill(true);//填充区域
38. intwidth=form.getWidth();
39. intheight=form.getHeight()-140;
40. Imageimg_hbarChart=drawLineChart(lineChart,width,height,"",color,percent);//绘制线性图
42. Buttonbutton=newButton(img_hbarChart);
43. //button.getStyle().setBgTransparency(1);//透明背景，会非常消耗资源，速度减慢，注意使用
44. button.setBorderPainted(false);
45. form.addComponent(button);
46. form.addCommand(backCommand);
47. form.setCommandListener(this);
48. form.setLayout(newFlowLayout());//必须使用这种排列，FlowLayout最适合
49. }
50. privatevoidinitChartInfo(String[]chart_str,int[][]color)
51. {
52. for(inti=0;i<chart_str.length;i++)//循环
53. {
54. Labelchart_info=newLabel(chart_str[i]);
55. chart_info.getStyle().setFgColor(UIDemoMIDlet.RGBtoInt(color[i][0],color[i][1],color[i][2]));
56. form.addComponent(chart_info);
57. }
58. }
59. privateImagedrawLineChart(ChartItemitem,
60. intwidth,
61. intheight,
62. Stringimagefile,
63. int[][]color,//线条颜色
64. int[]percent)//线条高度(百分比)
65. {
67. item.setFont(Font.FACE_PROPORTIONAL,Font.STYLE_PLAIN,Font.SIZE_SMALL);
68. item.setDrawAxis(true);
69. item.setPreferredSize(width,height);//设置chart控件的大小
70. item.setMargins(5,3,10,15);
71. if(imagefile.length()>0)//需要使用背景时
72. {
73. try{
74. javax.microedition.lcdui.Imageimg=javax.microedition.lcdui.Image.createImage(imagefile);//读取背景图
75. item.setBackgroundImage(img);//设置背景图
76. }catch(Exceptionex){ex.printStackTrace();}
77. }
78. item.showShadow(true);//使用阴影特效
79. item.setShadowColor(20,20,20);//设置阴影颜色
80. item.setColor(40,40,200);
81. item.resetData();
82. for(inti=0;i<color.length;i++)//循环线条
83. {
84. item.addElement(String.valueOf((char)('a'+i)),percent[i],color[i][0],color[i][1],color[i][2]);
85. }
87. item.setMaxValue(100);//柱体代表数值的显示范围,100%
89. //这个是lcdui的Image
90. javax.microedition.lcdui.Imagelcdui_img=
91. javax.microedition.lcdui.Image.createImage(width,height);//线形图大小,图像>控件
92. //这个是lcdui的Graphics
93. javax.microedition.lcdui.Graphicslcdui_g=lcdui_img.getGraphics();
94. lineChart.drawChart(lcdui_g,width-40,height-20);//这里设置的大小必须比width，height小，才能完全显示
96. returnUIDemoMIDlet.lcdui2lwuit(lcdui_img);
98. }
99. publicvoidactionPerformed(ActionEventarg0){
100. if(arg0.getCommand()==backCommand)
101. {
102. UIDemoMIDlet.backToMainMenu();
103. }
105. }
106. }