グラフィカル レポート用の jquery アプリケーション実装コード_jquery

レンダリング

オンライン デモhttp://demo.jb51.net/js/jquery_baobiao/index.html
パッケージのダウンロードhttp://xiazai.jb51.net/201101 /yuanma/jquery_baobiao.rar

コードをコピーします コードは次のとおりです:

コードをコピー

コードは次のとおりです: >

body

{
font-family: Arial、sans-serif; 12px;
}
a
{
テキスト装飾: なし;
色: #555;
a:hover
{
color: #000;
}
div.easyui-tabs
{
margin: auto;
text-align: left; ;
}
div.clean
{
ボーダー: 1px ソリッド #850000;
.clean td, .clean th
{
ボーダー: 2px ソリッド#bbb;
背景: #ddd;
テキスト整列:
}
テーブル
{
マージン: 自動;
マージン-トップ: 15 ピクセル;
マージン-ボトム: 15 ピクセル;
.clean キャプション
{
フォントの太さ: 太字; 🎜>}
.gvChart, .clean
{
border: 2px ソリッド #850000;
border-radius: 5px;
-moz-border-radius: 10px; : 720px;
マージントップ: 20px;
pre
{
背景: #eee>パディング: 10px; -radius: 10px;
-moz-border-radius: 10px;
}



HTML




コードをコピー


コードは次のとおりです:

区域报表

报表分析

	一月	二月	三月	四月	五月	六月	七月	八月	九月	十月	十一月	十二月
实际完成	900	600	327	359	376	398	60	50	404	700	200	500
计划任务	1167	1110	691	165	135	157	139	136	938	1120	55	55

LineChart

报表分析

	一月	二月	三月	四月	五月	六月	七月	八月	九月	十月	十一月	十二月
实际完成	900	600	327	359	376	398	60	50	404	700	200	500
计划任务	1167	1110	691	165	135	157	139	136	938	1120	55	55

BarChart

报表分析

	一月	二月	三月	四月	五月	六月	七月	八月	九月	十月	十一月	十二月
实际完成	900	600	327	359	376	398	60	50	404	700	200	500
计划任务	1167	1110	691	165	135	157	139	136	938	1120	55	55

レポート分析

;





3 月



5 月


6 月




8 月
/th>



10 月

>11 月









; 🎜>600



359
🎜>



60

50

200 tr>




>
1110

165
td>
135



139
td>


938

1120



55

円グラフ

12 月🎜>




;
327


359


;



0

0
>
0
td>

>
2月












7月

8月

9月	>

/div>



コードをコピーします


🎜> コードは次のとおりです:

> ;

今後も良いものを皆さんと共有していきますので、よろしくお願いします。
記事内のコードをパッケージ化してダウンロードする