찾다

집 >웹 프론트엔드 >JS 튜토리얼 >그래픽 보고서를 위한 jquery 애플리케이션 구현 코드_jquery

그래픽 보고서를 위한 jquery 애플리케이션 구현 코드_jquery

WBOY
WBOY원래의
2016-05-16 18:12:441000검색

렌더링

온라인 데모http://demo.jb51.net/js/jquery_baobiao/index.html
패키지 다운로드http://xiazai.jb51.net/201101 /yuanma/jquery_baobiao.rar
코드 복사 코드는 다음과 같습니다.

🎜>

CSS 스타일



코드 복사
코드는 다음과 같습니다.


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




열차트
<테이블 ID ='myTable4'>
보고서 분석
;

일>




일>
4월
일>
5월


일>

일>

8월 /일>
9월
일>



11월

12월

tbody>

실제 완료


600

327

359
🎜>

>

200


예약된 작업

1167



691

td>
135

157

139
/ td>


938
1120

55


55





PieChart




일>
1월
>
2월

3월

4월


5월
일>
6월

7월


8월
일>
9월
일>

10월

11월

12월 🎜>


2010 >

185

359

376 ;

>
0

0
< td>




125
;
327




/div>
< /div>


스타일 및 프레임워크 라이브러리 추가




코드 복사

🎜> 코드는 다음과 같습니다.