因為做了一個銷售統計的功能、老師要求要與數據庫有交互、動態生成柱形圖、因為弄了很久所以決定寫一寫保存一些心得、免得忘了。
首先要導入一個包。Chart.bundle.jar、說起這個呢、是隊友給我推薦的一個網站、超級棒、很多很多東西幫你生成好只要下載下來調用就行。(點擊這個)->Bootstrap中文網
然后就是看那些實例代碼再進行修改。
這個是首先輸入要統計的家具名稱(view):
然后就通過struts.xml找到sale的class、跳到action找到對應的控制層(contraller)
嗯、然后就是所謂的邏輯層(model)、連接數據庫返回數據
這里是按照月份對每月賣出的家具數量進行分組。
好、跳到顯示柱形圖的頁面去、method代表方法名稱
其實柱形圖主要是在前端代碼那邊、后臺基本只是取數據、也沒什么特殊。
此處的iterator的value要與上面方法返回的“slist”一致、這里是取后臺的賦值給a0到a11。
這個東東就是將來要顯示柱形圖的位置哦~~
接下來就是生成柱形圖的代碼。MONTHS在上面已經定義好了、就是表示X坐標
label是這個數據的名稱、顯示在柱形圖上頭的、因為是手動輸入、每次都不同、所以這里沒寫
data就是每個柱形條的高度、即Y坐標、后面還有個0表示最少是0、如果不加可能每次會用最小的數據作為Y軸的最小值、而不是從0開始
type:bar就是柱形圖的意思、你也可以換成line、就是折線圖等等等等
borderSkipped:buttom就是柱形圖從底下形成頂上來。
記得放在<script></script>里面哦~~
最后一個css樣式、
好啦~~最后生成的頁面就是這樣
輸入沙發、點擊開始統計
生成這個就是成功啦~~~當然、前提是你要保證數據庫有數據啦、
對了、這個在eclipse上面看不到哦!要去網頁打開看啦~
感覺一定有更為簡單的辦法、但是介于知識水平暫時就到這里、就先做到這里吧、以后有進步再來發新的。