FusionChart各種圖與Springmvc結合

1.需要導入FusionCharts.js檔案及所要用到的各種swf播放器

其實各種圖的前台基本都一樣，[color=red]隻是一個flash的swf檔案選擇的不一樣，不同的圖，選擇其對應的swf播放器就OK[/color]，背景的資料源格式（暫時以xml形式），都

在FusionchartController處理類裡：如下：

一、FusionChart與Springmvc結合，背景處理類：

FusionchartController．java

二、前台JSP頁面：

1.柱狀圖（2D）column2d.jsp

2.柱狀圖（3D）column3d.jsp

其它的前台JSP頁面就不多寫了，差別就在于new FusionCharts裡的第一個參數。swf播放器。

效果圖如下：

單一系統：

------------------------------------------------------=---

柱狀圖(2D縱向)

[img]http://dl.iteye.com/upload/attachment/571855/557848ee-a2fa-36e2-a828-d0c2ef76e3ed.jpg[/img]

柱狀圖(3D縱向)

[img]http://dl.iteye.com/upload/attachment/571857/6f44b93d-f1ef-3dc2-ba68-ed8472640c2f.jpg[/img]

柱狀圖(2D橫向)

[img]http://dl.iteye.com/upload/attachment/571859/05260404-3bce-3659-b213-99f9a4b5b273.jpg[/img]

餅狀圖(2D)

[img]http://dl.iteye.com/upload/attachment/571861/78a295ee-9644-3d49-829d-2986838885e1.jpg[/img]

餅狀圖(3D)

[img]http://dl.iteye.com/upload/attachment/571863/45bc7e22-9e3a-3c2e-98b4-4b59fb226b16.jpg[/img]

線性圖：

[img]http://dl.iteye.com/upload/attachment/571865/5bef7fad-a739-3139-ab7d-e720f33cb8f4.jpg[/img]

區域圖

[img]http://dl.iteye.com/upload/attachment/571867/b672bb0d-8fd5-3295-ab5f-de40fdff0793.jpg[/img]

圓環圖

[img]http://dl.iteye.com/upload/attachment/571869/805bf2f8-3d35-3097-acc1-329af6f5b9a2.jpg[/img]

-----------------------------------------------------------------

多系列圖：

-----------------------------------------------------------------

柱狀圖(2D縱向)

[img]http://dl.iteye.com/upload/attachment/571872/d79e362d-bfb7-3a83-8dd1-b1f343348db8.jpg[/img]

柱狀圖(3D縱向)

[img]http://dl.iteye.com/upload/attachment/571874/73a53ba3-ed79-3bb8-be90-72c31b56753a.jpg[/img]

柱狀圖(2D橫向)

[img]http://dl.iteye.com/upload/attachment/571876/0c724f2b-fa74-3ead-a79f-664c30b34b8f.jpg[/img]

線性圖

[img]http://dl.iteye.com/upload/attachment/571878/0e40d062-3e30-3cc9-907a-e95dc5e0e3df.jpg[/img]

區域圖

[img]http://dl.iteye.com/upload/attachment/571880/e214934b-5097-3176-bcd0-445ea15c773f.jpg[/img]

----------------------------------------------------------------

組合圖：

----------------------------------

柱狀圖2D+線性圖

[img]http://dl.iteye.com/upload/attachment/571882/5694f38f-1b23-3296-80a3-6a33a14e8532.jpg[/img]

柱狀圖3D+線性圖

[img]http://dl.iteye.com/upload/attachment/571884/212b4391-1160-33fd-bfd5-c4756b4191ca.jpg[/img]

---------------------------------------------------

堆圖：

----------------------------------------------------

柱狀圖2D(縱向)

[img]http://dl.iteye.com/upload/attachment/571886/3b06494a-b469-30de-958c-0ba44e0903b6.jpg[/img]

柱狀圖3D(縱向)

[img]http://dl.iteye.com/upload/attachment/571888/8e743e9f-ab83-3052-9325-f4846572d67a.jpg[/img]

柱狀圖2D(橫向)

[img]http://dl.iteye.com/upload/attachment/571890/6bb704f9-ea8a-3697-b9e6-b62bfeda6a9e.jpg[/img]

區域2D圖

[img]http://dl.iteye.com/upload/attachment/571892/614a6b1b-49f0-3674-914e-c9834b2f973a.jpg[/img]