แผนภูมิ

องค์ประกอบสำหรับการแสดงกราฟและแผนภูมิ

ตั้งค่าเริ่มต้น:

Model - โมเดลข้อมูลสำหรับแผนภูมิ

จุด Endpoint - แหล่งข้อมูลสำหรับแผนภูมิ

ช่อง Field X - จะแสดงในการตั้งค่าเริ่มต้นเมื่อมีการระบุ รุ่น เท่านั้น

ช่อง Field Y - จะแสดงในการตั้งค่าเริ่มต้นเมื่อมีการระบุ รุ่น เท่านั้น

การตั้งค่ารูปลักษณ์และความรู้สึก:

Title (ไม่บังคับ) - ชื่อแผนภูมิ

Type size (บังคับ) - ประเภทแผนภูมิ

X axe caption กับแกน x (ไม่บังคับ) - ชื่อแกน x

Aggregate by (ไม่บังคับ) - จัดเรียงตามวันที่

Y axe caption (ไม่บังคับ) - ชื่อแกน y

Method การ (ไม่บังคับ) - วิธีการนับ

Name (จำเป็น) - ชื่อของแผนภูมิ

ข้อมูล:

ในส่วนนี้ คุณสามารถควบคุมแกนของแผนภูมิได้

ทริกเกอร์เวิร์กโฟลว์:

onCreate – เริ่มทำงานเมื่อส่วนประกอบถูกสร้างขึ้นบนเพจ
onShow – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นมองเห็นได้ (แสดงบนหน้า);
onHide – เริ่มทำงานเมื่อส่วนประกอบเปลี่ยนสถานะเป็นซ่อน (หยุดแสดง);
onDestroy – เริ่มทำงานเมื่อส่วนประกอบถูกทำลาย
onDataUpdate – เริ่มทำงานโดยบล็อกข้อมูลการอัปเดตแผนภูมิ

การกระทำของคอมโพเนนต์:

Chart Get Properties:

รับคุณสมบัติของแผนภูมิ

พารามิเตอร์ อินพุต :

Component Id [string] - ตัวระบุส่วนประกอบของแผนภูมิ

พารามิเตอร์ ขา ออก:

Aggregate by [enum] - วิธีการรวมที่เลือกตามวันที่
Method [enum] - วิธีการนับที่เลือก
X axe caption [string] - ชื่อแกน x;
Y axe caption [string] - ชื่อแกน y;
Visible [boolean] - สถานะมองเห็นได้;
Loading [boolean] - สถานะของการโหลด

Chart Set Properties:

ตั้งค่าคุณสมบัติของแผนภูมิ

พารามิเตอร์ อินพุต :

Component Id [string] - ตัวระบุส่วนประกอบของแผนภูมิ
Aggregate by [enum] - วิธีการรวมที่เลือกตามวันที่
Method [enum] - วิธีการนับที่เลือก
X axe caption [string] - ชื่อแกน x;
Y axe caption [string] - ชื่อแกน y;
Visible [boolean ] - สถานะมองเห็นได้;
Loading [boolean] - สถานะของการโหลด

Chart Update Properties:

ปรับปรุงคุณสมบัติของแผนภูมิ

พารามิเตอร์ อินพุต :

Component Id [string] - ตัวระบุส่วนประกอบของแผนภูมิ
Aggregate by [enum] - วิธีการรวมที่เลือกตามวันที่
Method [enum] - วิธีการนับที่เลือก
X axe caption [string] - ชื่อแกน x;
Y axe caption [string] - ชื่อแกน y;
Visible [boolean ] - สถานะมองเห็นได้;
Loading [boolean] - สถานะของการโหลด

Chart Get Data

รับข้อมูลจากแผนภูมิ

พารามิเตอร์ อินพุต :

Component Id [string] - ดูตัวระบุส่วนประกอบ

พารามิเตอร์ ขา ออก:

Data [Data Model] - องค์ประกอบ Data Model ที่จะใช้ มีอยู่ในกระบวนการทางธุรกิจเมื่อมีการระบุรหัสคอมโพเนนต์เท่านั้น

Chart Set Data

ตั้งค่าข้อมูลสำหรับแผนภูมิ

พารามิเตอร์ อินพุต :

Component Id [string] - ตัวระบุส่วนประกอบของแผนภูมิ
Data [Data Model] - องค์ประกอบ Data Model ที่จะใช้ มีอยู่ในกระบวนการทางธุรกิจเมื่อมีการระบุรหัสคอมโพเนนต์เท่านั้น

Chart Update Data

อัปเดตข้อมูลสำหรับแผนภูมิ

พารามิเตอร์ อินพุต :

Component Id [string] - ตัวระบุส่วนประกอบของแผนภูมิ
Data [Data Model] - องค์ประกอบ Data Model ที่จะใช้ มีอยู่ในกระบวนการทางธุรกิจเมื่อมีการระบุรหัสคอมโพเนนต์เท่านั้น

ตัวอย่างการใช้งาน:

องค์ประกอบนี้เหมาะสำหรับการแสดงข้อมูลและความสัมพันธ์ระหว่างกัน ตัวอย่างเช่น จำนวนคำสั่งซื้อจากวันที่

วิดีโอ รูปร่าง