新聞中心
JsChart是什么?
創(chuàng)新互聯(lián)主營(yíng)蘆溪網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,APP應(yīng)用開(kāi)發(fā),蘆溪h5小程序開(kāi)發(fā)搭建,蘆溪網(wǎng)站營(yíng)銷推廣歡迎蘆溪等地區(qū)企業(yè)咨詢
JSChart能夠在網(wǎng)頁(yè)上生成圖標(biāo),常用于統(tǒng)計(jì)信息,十分好用的一個(gè)JS組件。
使用JsChart
一。導(dǎo)入jscharts.js
二。編寫(xiě)jscharts.jsp測(cè)試頁(yè)面
1.下載JScharts庫(kù) 從官網(wǎng)下載JScharts庫(kù),我們使用的是壓縮包里面的jscharts.js文件。它大約150KB。
使用JScharts庫(kù) 在網(wǎng)頁(yè)文件(如.html或.jsp)包含JScharts庫(kù)。
定義容器 要在網(wǎng)頁(yè)文件上顯示JScharts生成的圖像,需要把此圖像放入網(wǎng)頁(yè)容器。此網(wǎng)頁(yè)容器我們通常用
標(biāo)簽來(lái)定義,而且必須強(qiáng)制性地為此DIV元素指定唯一的ID值。比如:
這里將用來(lái)顯示圖形報(bào)表
注意:此DIV容器內(nèi)的內(nèi)容都會(huì)被JScharts圖像所替代。
顯示JScharts圖像 下面,我們需要寫(xiě)少量代碼來(lái)顯示一個(gè)線性圖。首先要準(zhǔn)備好圖像所需的數(shù)據(jù),我們可以用JavaScript數(shù)組來(lái)提供數(shù)據(jù),數(shù)組中的每個(gè)元素都是由2個(gè)元素所組成
5.使用詳細(xì)說(shuō)明
這里將用來(lái)顯示圖形報(bào)表統(tǒng)計(jì)指定時(shí)間段向各個(gè)供應(yīng)商的采購(gòu)金額 使用selectsupplier.jsp action: @Resource private AccountRecordsService accountRecordsService; @RequestMapping("/selectSupplier") @ResponseBody public Object selectSupplier(String start,String end){ System.out.println("start:"+ start+"||end:"+end); MapparamMap =new HashMap (); paramMap.put("start", start); paramMap.put("end", end); return accountRecordsService.selectSupplier(paramMap); } public interface AccountRecordsService extends BaseService { List
總結(jié)
以上所述是小編給大家介紹的JsChart組件使用詳解,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
網(wǎng)站標(biāo)題:JsChart組件使用詳解
文章起源:http://ef60e0e.cn/article/jiscgo.html