国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JsChart組件使用

vslam / 1341人閱讀

摘要:設(shè)置曲線圖的軸值,或柱狀圖的軸值,對餅圖無效,默認(rèn)是。設(shè)置柱狀圖邊框?qū)挾龋粚χ鶢顖D有效。設(shè)置柱狀圖矩形間距,由此來控制柱狀圖的寬度,值為之間的整數(shù),默認(rèn)是。設(shè)置柱狀圖矩形值的字體大小,默認(rèn)自定義生產(chǎn)元素的前綴,默認(rèn)是,此值一般不用修改。

JsChart是什么?

JSChart能夠在網(wǎng)頁上生成圖標(biāo),常用于統(tǒng)計(jì)信息,十分好用的一個JS組件。

使用JsChart

一。導(dǎo)入jscharts.js
二。編寫jscharts.jsp測試頁面

1.下載JScharts庫
從官網(wǎng)下載JScharts庫,我們使用的是壓縮包里面的jscharts.js文件。它大約150KB。

使用JScharts庫

在網(wǎng)頁文件(如.html或.jsp)包含JScharts庫。

定義容器

要在網(wǎng)頁文件上顯示JScharts生成的圖像,需要把此圖像放入網(wǎng)頁容器。此網(wǎng)頁容器我們通常用

標(biāo)簽來定義,而且必須強(qiáng)制性地為此DIV元素指定唯一的ID值。比如:

這里將用來顯示圖形報(bào)表

注意:此DIV容器內(nèi)的內(nèi)容都會被JScharts圖像所替代。

顯示JScharts圖像

下面,我們需要寫少量代碼來顯示一個線性圖。首先要準(zhǔn)備好圖像所需的數(shù)據(jù),我們可以用JavaScript數(shù)組來提供數(shù)據(jù),數(shù)組中的每個元素都是由2個元素所組成


5.使用詳細(xì)說明


    
這里將用來顯示圖形報(bào)表

統(tǒng)計(jì)指定時間段向各個供應(yīng)商的采購金額

使用selectsupplier.jsp

action:
@Resource
    private AccountRecordsService accountRecordsService;

    @RequestMapping("/selectSupplier")
    @ResponseBody
    public Object selectSupplier(String start,String end){
        System.out.println("start:"+ start+"||end:"+end);
        Map paramMap =new HashMap();
        paramMap.put("start", start);
        paramMap.put("end", end);

        return accountRecordsService.selectSupplier(paramMap);
    }

public interface AccountRecordsService extends BaseService {
    List> selectSupplier(Map paramMap);
}

@Service("accountRecordsService")
public class AccountRecordsServiceImpl extends BaseServiceImpl
        implements AccountRecordsService {

    @Override
    public List> selectSupplier(Map paramMap) {
        // TODO Auto-generated method stub
        return accountRecordsMapper.selectSupplier(paramMap);
    }

}

public interface AccountRecordsMapper extends BaseMapper {
    
    List> selectSupplier(Map paramMap);
   
}
  

select sum(ar_payable) total,sup_name from account_records inner join supplier on account_records.sup_id=supplier.sup_id where ar_date >"2014-01-01" and ar_date<="2015-08-08" and ar_bus_type="bo" group by sup_name
如果文章有錯的地方歡迎指正,大家互相交流。習(xí)慣在微信看技術(shù)文章,想要獲取更多的Java資源的同學(xué),可以關(guān)注微信公眾號:Java3y

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/93111.html

相關(guān)文章

  • JsChart組件使用

    摘要:設(shè)置曲線圖的軸值,或柱狀圖的軸值,對餅圖無效,默認(rèn)是。設(shè)置柱狀圖邊框?qū)挾龋粚χ鶢顖D有效。設(shè)置柱狀圖矩形間距,由此來控制柱狀圖的寬度,值為之間的整數(shù),默認(rèn)是。設(shè)置柱狀圖矩形值的字體大小,默認(rèn)自定義生產(chǎn)元素的前綴,默認(rèn)是,此值一般不用修改。 JsChart是什么? JSChart能夠在網(wǎng)頁上生成圖標(biāo),常用于統(tǒng)計(jì)信息,十分好用的一個JS組件。 使用JsChart 一。導(dǎo)入jscharts....

    番茄西紅柿 評論0 收藏0
  • Java3y文章目錄導(dǎo)航

    摘要:前言由于寫的文章已經(jīng)是有點(diǎn)多了,為了自己和大家的檢索方便,于是我就做了這么一個博客導(dǎo)航。 前言 由于寫的文章已經(jīng)是有點(diǎn)多了,為了自己和大家的檢索方便,于是我就做了這么一個博客導(dǎo)航。 由于更新比較頻繁,因此隔一段時間才會更新目錄導(dǎo)航哦~想要獲取最新原創(chuàng)的技術(shù)文章歡迎關(guān)注我的公眾號:Java3y Java3y文章目錄導(dǎo)航 Java基礎(chǔ) 泛型就這么簡單 注解就這么簡單 Druid數(shù)據(jù)庫連接池...

    KevinYan 評論0 收藏0
  • vue學(xué)習(xí)筆記(三)

    摘要:直接創(chuàng)建組件使用標(biāo)簽名組件模板,根據(jù)組件構(gòu)造器來創(chuàng)建組件。相應(yīng)的,實(shí)例也被稱為父組件。而且不允許子組件直接修改父組件中的數(shù)據(jù),強(qiáng)制修改會報(bào)錯。 一、組件 (一)什么是組件 組件(Component)是 Vue.js最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML元素,封裝可重用的代碼組件是自定義元素(對象)。 (二)創(chuàng)建組件的兩種方式 官方推薦組件標(biāo)簽名是使用-連接的組合詞,例如:。 1、使用...

    fsmStudy 評論0 收藏0
  • vue學(xué)習(xí)筆記(三)

    摘要:直接創(chuàng)建組件使用標(biāo)簽名組件模板,根據(jù)組件構(gòu)造器來創(chuàng)建組件。相應(yīng)的,實(shí)例也被稱為父組件。而且不允許子組件直接修改父組件中的數(shù)據(jù),強(qiáng)制修改會報(bào)錯。 一、組件 (一)什么是組件 組件(Component)是 Vue.js最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML元素,封裝可重用的代碼組件是自定義元素(對象)。 (二)創(chuàng)建組件的兩種方式 官方推薦組件標(biāo)簽名是使用-連接的組合詞,例如:。 1、使用...

    zsirfs 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<