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

  本文来自http://blog.youkuaiyun.com/hellogv/


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

1. /*
2.  * LWUIT + ChartComponent，实现多种图表
3.  * 作者：张国威(咪当俺系噜噜)
4.  * 本例实现的是“线形图”
5.  */
6. package com.sun.lwuit.uidemo;
8. import com.sun.lwuit.Button;
9. import com.sun.lwuit.Command;
10. import com.sun.lwuit.Font;
11. import com.sun.lwuit.Form;
12. import com.sun.lwuit.Image;
13. import com.sun.lwuit.Label;
14. import com.sun.lwuit.events.ActionEvent;
15. import com.sun.lwuit.events.ActionListener;
16. import com.sun.lwuit.layouts.FlowLayout;
17. import org.beanizer.j2me.charts.ChartItem;
18. import org.beanizer.j2me.charts.LineChart;
21. public class LineChartDemo implements ActionListener {
22.     public Form form = new Form("LineChartDemo");
23.     private  Command backCommand = new Command("Back", 1);
24.     final LineChart lineChart = new LineChart("");
25.     LineChartDemo()
26.     {
27.         //线形图说明
28.         String chart_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};
34.        
35.         initChartInfo(chart_str,color);
37.         lineChart.setFill(true);//填充区域
38.         int width=form.getWidth();
39.         int height=form.getHeight()-140;
40.         Image img_hbarChart=drawLineChart(lineChart,width,height,"",color,percent);//绘制线性图
42.         Button button = new Button(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(new FlowLayout());//必须使用这种排列，FlowLayout最适合
49.     }
50.     private void initChartInfo(String []chart_str,int [][]color)
51.     {
52.         for(int i=0;i<chart_str.length;i++)//循环
53.         {
54.             Label chart_info = new Label(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.     private Image drawLineChart(ChartItem item,
60.             int width,
61.             int height,
62.             String imagefile,
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.Image img=javax.microedition.lcdui.Image.createImage(imagefile);//读取背景图
75.                 item.setBackgroundImage(img);//设置背景图
76.             } catch(Exception ex){ex.printStackTrace();}
77.         }
78.         item.showShadow(true);//使用阴影特效
79.         item.setShadowColor(20,20,20);//设置阴影颜色
80.         item.setColor(40, 40, 200);
81.         item.resetData();
82.         for(int i=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.Image lcdui_img=
91.                 javax.microedition.lcdui.Image.createImage(width,height);//线形图大小,图像>控件
92.         //这个是lcdui的Graphics
93.         javax.microedition.lcdui.Graphics lcdui_g= lcdui_img.getGraphics();
94.         lineChart.drawChart(lcdui_g,width-40,height-20);//这里设置的大小必须比width，height小，才能完全显示
95.  
96.         return UIDemoMIDlet.lcdui2lwuit(lcdui_img);
98.     }
99.     public void actionPerformed(ActionEvent arg0) {
100.         if(arg0.getCommand()==backCommand)
101.         {
102.             UIDemoMIDlet.backToMainMenu();
103.         }
105.     }
106. }