You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

This is a quick tutorial to show you on how to create a graph using JasperReports iReport Designer.

This tutorial uses the HR Expenses Claim App that bundled by default in Enterprise Edition of Joget, as the example data set.

This will require iReport Designer to be installed in your machine, to design the report.

นี่คือการสอนด่วนที่จะแสดงวิธีสร้างกราฟโดยใช้ JasperReports iReport Designer

บทช่วยสอนนี้ใช้แอพเรียกร้องค่าใช้จ่ายการบริหารทรัพยากรบุคคลที่รวมเป็นค่าเริ่มต้นใน Enterprise Edition ของ Joget เป็นชุดข้อมูลตัวอย่าง

สิ่งนี้จะต้องติดตั้ง iReport Designer ในเครื่องของคุณเพื่อออกแบบรายงาน


Figure 1: Designing your report in iReport Designer.

When designing, remember to point to Joget's database. Create your report in iReport Designer. You may use the SQL used in this example.

รูปที่ 1: การออกแบบรายงานของคุณใน iReport Designer

เมื่อออกแบบอย่าลืมชี้ไปที่ฐานข้อมูลของ Joget สร้างรายงานของคุณใน iReport Designer คุณอาจใช้ SQL ที่ใช้ในตัวอย่างนี้

select c_username, cast(replace(c_total, '$ ', '') as Decimal(0,2)) as total from app_fd_hr_expense_claim



Figure 2: Adding the report definition into Joget Userview's Jasper Reports element

In your iReport Designer, click on the XML tab to copy the definition generated. Paste it into the JasperReports Userview element.

At the second tab, select Default Datasource so that it will read the data set from Joget's current database as well.

รูปที่ 2: การเพิ่มคำนิยามรายงานลงในองค์ประกอบรายงาน Jasper ของ Joget Userview

ใน iReport Designer ของคุณคลิกที่แท็บ XML เพื่อคัดลอกคำจำกัดความที่สร้างขึ้น วางลงในองค์ประกอบ JasperReports Userview

ที่แท็บที่สองเลือกแหล่งข้อมูลเริ่มต้นเพื่อที่จะอ่านชุดข้อมูลจากฐานข้อมูลปัจจุบันของ Joget เช่นกัน



Figure 3: Running your Report in the actual Userview

รูปที่ 3: เรียกใช้รายงานของคุณใน Userview จริง

Materials and Downloads

วัสดุและดาวน์โหลด

  1. Sample App
  2. JasperReport design file
  3. KB:Sample exported PDF file from the Expenses Claim App

Related Elements

องค์ประกอบที่เกี่ยวข้อง




  • No labels