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. 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. }