utilize telerik reporting to build bar chart

37
Utilize Telerik Reporting to build bar chart Albert Kuo 1

Upload: guo-albert

Post on 19-May-2015

6.921 views

Category:

Technology


3 download

TRANSCRIPT

Page 1: Utilize Telerik Reporting to build bar chart

1

Utilize Telerik Reporting to build

bar chartAlbert Kuo

Page 2: Utilize Telerik Reporting to build bar chart

2

Create report via designer

Edit report cs file

Create display page

Edit page beanCreate Dao

Implementation Process

Page 3: Utilize Telerik Reporting to build bar chart

3

Create report via designer

Create report via designer

Edit report cs file

Create display page

Edit page beanCreate Dao

Page 4: Utilize Telerik Reporting to build bar chart

4

Create a new report file

Page 5: Utilize Telerik Reporting to build bar chart

5

Launch Telerik Report Wizard

Page 6: Utilize Telerik Reporting to build bar chart

6

Page 7: Utilize Telerik Reporting to build bar chart

7

Page 8: Utilize Telerik Reporting to build bar chart

8

Page 9: Utilize Telerik Reporting to build bar chart

9

Page 10: Utilize Telerik Reporting to build bar chart

10

Page 11: Utilize Telerik Reporting to build bar chart

11

Page 12: Utilize Telerik Reporting to build bar chart

12

Page 13: Utilize Telerik Reporting to build bar chart

13

Page 14: Utilize Telerik Reporting to build bar chart

14

Page 15: Utilize Telerik Reporting to build bar chart

15

Page 16: Utilize Telerik Reporting to build bar chart

16

Choose bar chart type

Page 17: Utilize Telerik Reporting to build bar chart

17

Create a data series

Page 18: Utilize Telerik Reporting to build bar chart

18

Select skin

Page 19: Utilize Telerik Reporting to build bar chart

19

Configure labels, legend and title

Page 20: Utilize Telerik Reporting to build bar chart

20

Show statistics data in this table

Show bar chart

Page 21: Utilize Telerik Reporting to build bar chart

21

Set chart name

Set report parameters

Set two date time parameters

Page 22: Utilize Telerik Reporting to build bar chart

22

Edit report cs file

Create report via designer

Edit report cs file

Create display page

Edit page beanCreate Dao

Page 23: Utilize Telerik Reporting to build bar chart

23

Code Snippet – BarChart_NeedDataSource

Page 24: Utilize Telerik Reporting to build bar chart

24

Page 25: Utilize Telerik Reporting to build bar chart

25

Create display page

Create report via designer

Edit report cs file

Create display page

Edit page beanCreate Dao

Page 26: Utilize Telerik Reporting to build bar chart

26

Code Snippet – display page

Page 27: Utilize Telerik Reporting to build bar chart

27

Code Snippet – display page

Page 28: Utilize Telerik Reporting to build bar chart

28

Edit page bean

Create report via designer

Edit report cs file

Create display page

Edit page beanCreate Dao

Page 29: Utilize Telerik Reporting to build bar chart

29

Code Snippet – search

Page 30: Utilize Telerik Reporting to build bar chart

30

Code Snippet – export

Page 31: Utilize Telerik Reporting to build bar chart

31

Create Dao

Create report via designer

Edit report cs file

Create display page

Edit page bean

Create Dao

Page 32: Utilize Telerik Reporting to build bar chart

32

Code Snippet – CaseDao

Page 33: Utilize Telerik Reporting to build bar chart

33

Demo

Page 34: Utilize Telerik Reporting to build bar chart

34

Search function

Click search button to get search result

Page 35: Utilize Telerik Reporting to build bar chart

35

Export function

Click export button to get report

Page 36: Utilize Telerik Reporting to build bar chart

36

Export function